*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--theme: #3dc373;--dark-bg: #0b0f19;--border: #1b2230;color-scheme:light dark}html,body,#root{height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#12151e;color:#e6e6e6}button{padding:.55rem .8rem;border:none;border-radius:10px;background:var(--theme);color:#082013;font-weight:700;cursor:pointer}button:active{transform:translateY(1px)}.App.layout{height:100%;display:grid;grid-template-columns:3fr 1fr;grid-template-rows:100%}.panel{height:100%;padding:14px}.message{overflow:auto;border-right:1px solid var(--border)}.system{overflow-y:auto}.bar{margin:8px 0 12px;display:flex;align-items:center;gap:10px}.sep{width:1px;height:14px;background:#2a2f3d;display:inline-block}.board{margin-top:6px;margin-left:18px;line-height:1.8}.you{margin-top:14px}.you_emoji{font-size:56px;margin-top:4px}.syslog{margin-top:14px;white-space:pre-wrap;background:#0e1420;border:1px solid var(--border);border-radius:10px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;max-height:180px;overflow:auto}.controls{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.dpad{margin-top:16px;display:grid;grid-template-columns:repeat(3,60px);gap:8px}html,body,#root{height:100%;overflow:hidden}body{margin:0;background:#101419;color:#e9eef2}.full{display:flex;align-items:center;justify-content:center;height:100%}.screen{display:grid;grid-template-columns:1fr 360px;height:100%;gap:0}.left{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0b0f19}.arena{border-right:1px solid #1b2230}.arena svg{display:block}.arena line{stroke:#ffffff0f}.fruit-blue{fill:#62d2ff}.fruit-red{fill:#ff6b6b}.player .score{fill:#fff;font:700 18px/1 monospace}.player text{font-size:30px;dominant-baseline:middle}.player text.me{font-size:36px}.right{display:flex;flex-direction:column;height:100%;background:#141a22;padding:16px;gap:12px;overflow:hidden}.right header h2{margin:0 0 8px;font-size:28px}.meta{display:grid;grid-template-columns:auto auto auto;gap:12px;font-family:monospace}.board{overflow:auto;flex:1}.board h3{margin:4px 0 8px}.board ol{list-style:decimal;padding-left:18px;margin:0}.board li{display:flex;justify-content:space-between;padding:6px 8px;border-radius:8px}.board li.me{background:#1a2533}.board .nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .score{margin-left:12px;font-weight:700}.meBox{text-align:center}.meBox .meIcon{font-size:64px;line-height:1}.meBox .who{opacity:.8;font-family:monospace}.buttons{display:flex;gap:8px;flex-wrap:wrap}button{background:#3dc373;color:#08180e;border:0;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700;font-family:monospace}button:hover{filter:brightness(1.05)}.logs{background:#0d131a;border:1px solid #1f2a39;border-radius:8px;padding:8px;height:100px;overflow:auto;white-space:pre-wrap;font-family:monospace}.dpad{margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:6px}.dpad .lr{display:flex;gap:6px}