.app-screen.chat-drawer.chat-dport.chat-plaza{--plaza-controls-h:clamp(250px,36%,330px)}
.app-screen.chat-drawer.chat-dport.chat-plaza .game-frame{height:auto;bottom:var(--plaza-controls-h)}
.app-screen.chat-drawer.chat-dport.chat-plaza .plaza-control-area{display:block;top:auto;bottom:env(safe-area-inset-bottom);height:calc(var(--plaza-controls-h) - env(safe-area-inset-bottom))}

.app-screen.chat-drawer .plaza-chat{--chat-row-h:44px;--drawer-line:22px;z-index:18;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;padding:6px 10px 8px;border:1px solid #4d6378;background:rgba(31,45,59,.88);box-shadow:0 -6px 18px rgba(0,0,0,.5);color:var(--text);font:500 15px/var(--drawer-line) KctDialogue,"DotumChe",sans-serif;text-shadow:none;pointer-events:auto}
.app-screen.chat-drawer:not(.chat-open) .plaza-chat:not([data-typing=true]){display:none}
.app-screen.chat-drawer.chat-dport .plaza-chat{left:0;right:0;top:var(--drawer-top,55%);bottom:0;border-width:1px 0 0;border-radius:16px 16px 0 0;padding-bottom:max(8px,var(--sa-bottom,env(safe-area-inset-bottom)))}
.app-screen.chat-drawer.chat-dport.chat-big .plaza-chat{top:max(120px,21%)}
.app-screen.chat-drawer.chat-dport .plaza-chat[data-typing=true]{top:auto;bottom:var(--vv-bottom,0px);max-height:calc(100% - var(--vv-bottom,0px) - 280px);padding-bottom:8px}
.app-screen.chat-drawer.chat-dland .plaza-chat{left:0;top:calc(max(10px,var(--sa-top,env(safe-area-inset-top))) + 46px);bottom:0;width:calc(min(362px,48%) + var(--sa-left,env(safe-area-inset-left)));padding-left:calc(10px + var(--sa-left,env(safe-area-inset-left)));padding-bottom:max(8px,var(--sa-bottom,env(safe-area-inset-bottom)));border-width:1px 1px 0 0;border-radius:0 16px 0 0}
.app-screen.chat-drawer.chat-dland .plaza-chat[data-typing=true]{top:auto;bottom:var(--vv-bottom,0px);max-height:calc(100% - var(--vv-bottom,0px) - 54px);padding-bottom:6px;border-width:1px 1px 1px 0;border-radius:0 16px 16px 0}
.app-screen.chat-drawer :is(.plaza-chat-toggle,.plaza-chat-float,.plaza-chat-recent,#plaza-chat-done){display:none!important}
.app-screen.chat-drawer .plaza-chat-body{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0}
.plaza-chat-handle{display:none}
.app-screen.chat-drawer.chat-dport .plaza-chat-handle{position:relative;display:block;flex:none;align-self:stretch;height:42px;margin:-4px 52px 0;touch-action:none;cursor:ns-resize}
.app-screen.chat-drawer.chat-dport .plaza-chat-handle::before{content:'';position:absolute;left:50%;top:10px;width:44px;height:5px;margin-left:-22px;border-radius:3px;background:#8798a8}
.app-screen.chat-drawer.chat-dport .plaza-chat-head{position:absolute;top:2px;right:10px;z-index:1}
.app-screen.chat-drawer .plaza-chat-head{align-items:center;justify-content:flex-end;gap:6px}
.app-screen.chat-drawer .plaza-chat-tabs{display:none}
.app-screen.chat-drawer .plaza-chat-close{flex:none;margin-left:auto;width:44px;height:44px;min-height:44px;padding:0;border:1px solid rgba(220,229,233,.32);border-radius:22px;background:none;box-shadow:none;color:#cfd8de;font:20px/1 sans-serif}
.app-screen.chat-drawer .plaza-chat-row .dropdown{position:relative}
.plaza-kind-count{position:absolute;top:-7px;right:-7px;z-index:1;min-width:21px;height:21px;box-sizing:border-box;padding:0 5px;border-radius:11px;background:#e5352b;color:#fff;box-shadow:0 0 0 2px #000;font:700 12px/21px sans-serif;text-align:center;pointer-events:none}
.plaza-kind-count.called{background:#2e9d58}
.plaza-kind-count[hidden]{display:none}
.app-screen.chat-drawer .plaza-chat-row :is(input,button):disabled{opacity:.5}
.app-screen.chat-drawer .plaza-chat[data-typing=true] :is(.plaza-chat-handle,.plaza-chat-head,.plaza-notice-pin){display:none}
.app-screen.chat-drawer .plaza-notice-pin{flex:none;padding:4px 10px;border-left:3px solid #ffd54a;border-radius:4px;background:rgba(58,47,12,.8);line-height:var(--drawer-line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.app-screen.chat-drawer .plaza-notice-pin.whole{white-space:normal;overflow-wrap:anywhere}
.app-screen.chat-drawer .plaza-log{flex:1 1 auto;min-height:0;padding:2px 4px;font-size:15px;line-height:var(--drawer-line)}
.app-screen.chat-drawer .plaza-chat[data-typing=true] .plaza-log{flex:0 1 auto;max-height:calc(5 * var(--drawer-line) + 4px)}
.app-screen.chat-drawer .plaza-log li>time{display:none}
.app-screen.chat-drawer .plaza-log li.time-mark{display:flex;justify-content:center;margin:2px 0}
.app-screen.chat-drawer .plaza-log li.time-mark>time{display:block;margin:0;padding:0 10px;border-radius:9px;background:rgba(255,255,255,.06);color:#8798a8;font-size:12px;line-height:20px}
.app-screen.chat-drawer .plaza-log li.to-me{margin:0 -4px;padding:0 4px;border-radius:3px;background:rgba(46,157,88,.3);box-shadow:inset 3px 0 #7ee0a0}
.app-screen.chat-drawer .plaza-chat-form{gap:6px}
.app-screen.chat-drawer .plaza-chat-row{flex-wrap:nowrap;gap:6px}
.app-screen.chat-drawer .plaza-chat-row .dropdown-face{min-width:54px;justify-content:center;border-radius:10px;font-size:15px}
.app-screen.chat-drawer .plaza-chat[data-whispering=true][data-asking-name=false] .plaza-chat-row .dropdown{display:none}
.app-screen.chat-drawer .plaza-chat-row input{border-radius:10px;font-size:16px}
.app-screen.chat-drawer .plaza-chat-field,.app-screen.chat-drawer .plaza-whisper-to{flex:1 1 0;min-width:0;width:0}
.app-screen.chat-drawer #plaza-chat-send{min-width:64px;border-radius:10px}
.app-screen.chat-drawer .plaza-whisper{height:44px;max-width:45%;box-sizing:border-box;padding:0 2px 0 12px;border:1px solid #74b9ff88;border-radius:22px;background:rgba(116,185,255,.12)}
.app-screen.chat-drawer .plaza-whisper button{width:40px;height:40px;min-height:40px}
.app-screen.chat-drawer .plaza-chat-chips{order:-1;flex-wrap:nowrap;overflow-x:auto;min-width:0;padding-bottom:2px}
.app-screen.chat-drawer .plaza-chip{flex:none}
.app-screen.chat-drawer .plaza-chat-row .dropdown-item{height:44px;min-height:44px}
.app-screen.chat-drawer .plaza-chat-row .dropdown-list{max-height:240px;overflow-y:auto}

.plaza-chat-open,.plaza-chat-say,.plaza-chat-peek{display:none}
.app-screen.chat-drawer .plaza-chat-say:not([hidden]){position:absolute;z-index:16;display:flex;align-items:stretch;box-sizing:border-box;left:var(--chat-say-left,12px);top:var(--chat-say-top,60%);width:var(--chat-say-width,200px);height:44px;border:0;border-radius:22px;box-shadow:inset 0 0 0 1.5px rgba(220,229,233,.5);background:rgba(255,255,255,.07);pointer-events:auto}
.app-screen.chat-drawer.chat-dland .plaza-chat-say:not([hidden]){background:rgba(10,14,20,.66)}
.plaza-chat-say>button{display:flex;align-items:center;height:44px;min-height:0;margin:0;border:0;background:none;box-shadow:none;text-shadow:none}
.plaza-chat-say-open{position:relative;flex:none;justify-content:center;width:52px;padding:0;border-right:1.5px solid rgba(220,229,233,.35)!important;border-radius:22px 0 0 22px;color:#e8eef3}
.plaza-chat-say-open svg{width:24px;height:24px}
.plaza-chat-say-type{flex:1 1 auto;min-width:0;padding:0 16px;border-radius:0 22px 22px 0;color:#a9b8c5;font:16px/1 KctDialogue,"DotumChe",sans-serif;text-align:left}
.app-screen.chat-drawer .plaza-chat-open:not([hidden]){position:absolute;z-index:16;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;left:var(--chat-open-left,auto);top:var(--chat-open-top,auto);width:48px;height:48px;min-height:0;padding:0;border:1.5px solid rgba(220,229,233,.6);border-radius:10px;background:rgba(14,18,24,.72);color:#e8eef3;box-shadow:1px 1px #0008;text-shadow:none;pointer-events:auto}
.app-screen.chat-drawer .plaza-chat-open svg{width:24px;height:24px}
.app-screen.chat-drawer.game-battle .plaza-chat-open{display:none!important}
.plaza-chat-open-count{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;box-sizing:border-box;padding:0 6px;border-radius:11px;background:#e5352b;color:#fff;box-shadow:0 0 0 2px #000;font:700 13px/22px sans-serif;text-align:center}
.plaza-chat-open-count.called{background:#2e9d58}
.plaza-chat-open-count[hidden]{display:none}
.app-screen.chat-drawer .plaza-chat-peek:not([hidden]){position:absolute;z-index:15;display:block;left:var(--chat-peek-left,8px);width:var(--chat-peek-width,calc(100% - 16px));bottom:var(--chat-peek-bottom,40%);box-sizing:border-box;margin:0;padding:4px 10px;list-style:none;border-radius:10px;background:rgba(10,14,20,.66);color:var(--text);font:500 15px/22px KctDialogue,"DotumChe",sans-serif;text-shadow:1px 1px 0 #000;pointer-events:auto;cursor:pointer}
.app-screen.chat-drawer .plaza-chat-peek li{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plaza-chat-peek li>time{display:none}
.plaza-chat-peek b{margin-right:6px;font-weight:500;color:var(--accent)}
.plaza-chat-peek li.whisper b,.plaza-chat-peek li.whisper span{color:#74b9ff}
.plaza-chat-peek li.system span{color:#e2cf8f}
.plaza-chat-peek mark{background:none;color:#7ee0a0;font-weight:600}
.plaza-chat-peek li.to-me{margin:0 -6px;padding:0 6px;border-radius:3px;background:rgba(46,157,88,.3);box-shadow:inset 3px 0 #7ee0a0}
.plaza-chat-peek li span.plaza-title{margin-right:4px;color:#ff1493;font-weight:700}
.plaza-chat-peek li span.plaza-title[data-kind=cycle]{color:#ff9f1c}
.plaza-chat-peek li span.plaza-kind{margin-right:4px;color:#7fd6c2;font-weight:700}
.plaza-chat-peek li span.plaza-item{color:#ffc27a}

.app-screen.chat-drawer.chat-dport.chat-open #touch-controls{visibility:hidden}
.app-screen.chat-drawer.chat-dport.chat-open #touch-controls *{visibility:hidden}
.app-screen.chat-drawer.chat-dland.chat-open #touch-stick,.app-screen.chat-drawer.chat-dland.chat-open #touch-stick *{visibility:hidden}