.jg-player,.jg-board{grid-column:1/-1;box-sizing:border-box;border:1px solid #43536466;border-radius:14px;background:linear-gradient(145deg,#151e29,#0a1017);color:#e4ecf6;margin:14px 0 24px;padding:20px}.jg-player{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.jg-player label{font-size:10px;letter-spacing:2px;color:#9fafc3}.jg-player strong{font-size:18px;font-weight:550;overflow-wrap:anywhere}.jg-player small{margin-left:auto;color:#9fafc3;font-size:12px}.jg-player button,.jg-board button{border:1px solid #72859d66;border-radius:8px;background:#ffffff08;color:inherit;padding:9px 14px;cursor:pointer;font:inherit;font-size:12px}.jg-board summary{display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;font-size:19px;font-weight:550;list-style:none}.jg-board summary small{font-size:9px;letter-spacing:2px;color:#9fafc3}.jg-board-tools{display:flex;gap:8px;margin:20px 0}.jg-board-tools [aria-pressed=true]{background:var(--accent,#c7d1de);color:#0a1017}.jg-board-tools button:last-child{margin-left:auto}.jg-board-list{padding:0;margin:0;list-style:none;max-height:420px;overflow:auto}.jg-board-list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;padding:13px 12px;border-bottom:1px solid #ffffff10;font-size:14px;align-items:center}.jg-board-list li span:first-child{color:#8598af;font:12px ui-monospace,monospace}.jg-board-list li span:nth-child(2){overflow-wrap:anywhere}.jg-board-list .jg-board-own{background:#9daec51a;border-radius:8px}.jg-board-list .jg-board-empty{display:block;color:#9fafc3}.jg-board-status{font-size:12px;color:#a4b4c8;line-height:1.65;margin:16px 0 0}.jg-name-dialog{border:1px solid #52677f;border-radius:18px;color:#e4ecf6;background:linear-gradient(140deg,#1b2735,#0b121c);max-width:480px;width:calc(100% - 36px);padding:30px;box-sizing:border-box;box-shadow:0 28px 90px #0009}.jg-name-dialog::backdrop{background:#050910cc;backdrop-filter:blur(7px)}.jg-name-dialog h2{font-size:28px;margin:0 0 16px}.jg-name-dialog p{font-size:13px;color:#aabacf;line-height:1.7}.jg-name-dialog input{width:100%;box-sizing:border-box;padding:14px;border:1px solid #61758d;border-radius:9px;background:#080e16;color:#fff;font:16px system-ui}.jg-name-dialog button{width:100%;margin-top:10px;padding:14px;border:0;border-radius:9px;background:var(--accent,#c7d1de);color:#0a1017;font-weight:650;cursor:pointer}.jg-name-dialog a{display:block;text-align:center;margin-top:20px;color:#b4c5d9;font-size:12px}.jg-name-dialog .jg-name-error{color:#ffc0ba;min-height:20px}.jg-player button:focus-visible,.jg-board button:focus-visible,.jg-name-dialog :focus-visible{outline:2px solid var(--accent,#d1dce9);outline-offset:3px}@media(max-width:600px){.jg-player,.jg-board{padding:16px}.jg-player small{margin:0;width:100%}.jg-board summary{font-size:16px}.jg-board summary small{display:none}.jg-board-list li{gap:10px;font-size:12px;grid-template-columns:26px minmax(0,1fr) auto}}@media(prefers-reduced-motion:no-preference){.jg-name-dialog[open]{animation:jg-enter .2s ease-out}@keyframes jg-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}body.motion-off .jg-name-dialog,body.feature-off-motion .jg-name-dialog{animation:none}