#four-ui{position:fixed;inset:0;z-index:40;pointer-events:none;color:#eee8f5;font-family:'Segoe UI',sans-serif}#four-ui button,#four-ui select,#four-ui input,#four-ui a{pointer-events:auto}#four-ui button,#four-ui select,#four-ui input{background:#231a31;color:#eee4fa;border:1px solid #79618c;border-radius:10px;padding:9px 12px;font-size:12px}#four-ui button{cursor:pointer}#four-ui button:hover{background:#513b64}#four-ui a{color:#d9bde9;font-size:12px}.four-header{margin:14px;padding:14px 20px;border:1px solid #73607d;border-radius:20px;background:#100b1de8;display:flex;justify-content:space-between;gap:15px;align-items:center}.four-header h1{font-family:Georgia,serif;font-size:23px;color:#eed29b;margin:4px 0}.four-header small{letter-spacing:.2em;color:#bca5cf;font-size:9px}#four-status{font-size:12px}.four-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#four-code{font-size:12px;color:#e8cf96}.four-card{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,90vw);padding:26px;border-radius:22px;background:#171121f5;border:1px solid #a080b5;box-shadow:0 20px 70px #0009}.four-card h2{font:25px Georgia;color:#efd7a8}.four-card p{font-size:13px;color:#c4b8d3;line-height:1.6}.four-card label{display:block;font-size:12px;margin:15px 0}.four-join{display:flex;gap:8px;margin:15px 0}#four-players{position:absolute;bottom:16px;left:16px;right:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.four-player{border:1px solid #5b456b;border-top:3px solid var(--order);background:#140d20ed;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px;font-size:12px}.four-player strong{color:var(--order)}.four-player span{font-size:11px;color:#c5b4d4}.four-player.turn{box-shadow:0 0 14px color-mix(in srgb,var(--order),transparent 70%)}#four-move{position:absolute;left:16px;bottom:104px;padding:10px;background:#140d20ed;border-radius:12px;display:flex;align-items:center;gap:8px;font-size:11px}#four-next{color:#e6c490}#four-notice{position:absolute;top:118px;left:50%;transform:translateX(-50%);background:#160e22dd;border-radius:10px;padding:6px 15px;font-size:12px;max-width:80%}#four-notice:empty{display:none}#four-pause{position:fixed;top:40%;left:50%;transform:translateX(-50%);padding:25px;background:#24182bf5;border:1px solid #e5b65b;border-radius:18px;z-index:80;pointer-events:auto}#four-ui [hidden]{display:none!important}#four-ui.in-arena .four-header,#four-ui.in-arena #four-move,#four-ui.in-arena #four-notice{display:none}#four-ui.in-arena{z-index:60}@media(max-width:800px){.four-header{margin:7px;padding:10px}.four-header h1{font-size:17px}.four-actions{max-width:180px}#four-players{gap:4px;left:7px;right:7px;bottom:7px}.four-player{padding:6px;font-size:10px}#four-move{left:7px;bottom:95px;max-width:95vw;flex-wrap:wrap}#four-next{display:block}}

#four-ui.in-arena #four-players{top:116px;bottom:auto;gap:6px}#four-ui.in-arena .four-player{padding:6px 10px;gap:2px;background:#140d20e8}body:has(#four-ui.in-arena) .arena-message{top:176px}