.role-start{width:min(690px,94%);max-height:94%;overflow:auto;padding:18px 24px}.role-start h1{font-size:32px;margin:0}.role-start>p{margin:4px auto 10px}.role-select{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.role-option{position:relative;min-height:100px;padding:6px 4px;border:2px solid #34769b;border-radius:13px;background:#092946;color:#dff7ff;cursor:pointer}.role-option.active{border-color:#ffe45d;background:linear-gradient(#66551e,#192d42);box-shadow:0 0 12px #ffd84b66}.role-option b,.role-option small{display:block}.role-option b{font-size:13px}.role-option small{font-size:9px;line-height:1.25;color:#9ed5eb}.role-avatar{display:block;width:50px;height:48px;margin:auto;background-image:url("assets/bubble-atlas.png");background-size:400% 400%;filter:drop-shadow(0 3px 2px #00152d)}.role-rabbit{background-position:0 0}.role-cat{background-position:33.333% 0}.role-raccoon{background-position:66.666% 0}.role-bear{background-position:100% 0}.rabbit-config{margin-top:8px;padding:8px;border:1px solid #3183a8;border-radius:13px;background:#061a2ccc}.rabbit-config.hidden{display:none}.config-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.config-title b{color:#ffe569;font-size:13px}.config-title span{font-size:9px;color:#9acde2}.pattern-shell{display:flex;justify-content:center;gap:10px}.pattern-grid{display:grid;grid-template-columns:repeat(9,22px);grid-template-rows:repeat(9,22px);gap:2px;padding:5px;border-radius:10px;background:#03111e}.pattern-cell{border:1px solid #24536d;border-radius:4px;background:#0b2f4c;padding:0;cursor:pointer}.pattern-cell.active{background:radial-gradient(circle,#fff5a5,#ff8f21 68%);border-color:#ffe35b;box-shadow:0 0 6px #ffb22b}.pattern-cell.center{background:radial-gradient(circle,#eaffff,#27d8ff 50%,#0878bd);border-color:#a9f5ff;cursor:default}.pattern-side{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:150px;align-content:center}.pattern-side label{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:10px}.pattern-side button{border:1px solid #3e8fb5;border-radius:8px;background:#0c3152;color:#dff8ff;padding:5px;font-size:10px;cursor:pointer}.pattern-side .bind-key{width:50px;background:#735b15;border-color:#ffe45d;color:#fff;font-size:15px;font-weight:900}.bind-key.listening{animation:keyPulse .6s infinite alternate}@keyframes keyPulse{to{box-shadow:0 0 14px #ffe45d}}.compact-choice{margin:8px 0 3px}.compact-choice .choice{padding:5px}.compact-choice .choice span{font-size:14px}.compact-range{margin:5px}.role-start .primary-button{padding:9px;margin-top:5px}.role-start .controls-line{margin-top:8px}.skill-button{position:absolute;right:14px;top:60px;z-index:7;min-width:140px;border:2px solid #7de9ff;border-radius:13px;padding:8px 12px;background:linear-gradient(#195f8c,#082a48);color:#fff;font-weight:900;box-shadow:0 4px 13px #0008;cursor:pointer}.skill-button.ready{border-color:#ffe45d;box-shadow:0 0 13px #ffd84b77}.skill-button:disabled{filter:grayscale(.7);opacity:.75}.player-card .role-skill{position:absolute;left:7px;bottom:7px;font-size:9px;color:#bfeeff;background:#041525c9;border-radius:6px;padding:2px 5px}.player-card.invisible-card{opacity:.66;border-style:dashed}
@media(max-width:800px),(pointer:coarse){.role-start{padding:10px;width:96%;max-height:90%}.role-select{grid-template-columns:repeat(2,1fr)}.role-option{min-height:65px}.role-avatar{width:34px;height:32px}.pattern-grid{grid-template-columns:repeat(9,18px);grid-template-rows:repeat(9,18px)}.skill-button{top:116px;right:8px;min-width:100px;font-size:10px}.player-card .role-skill{display:none}}
.hud .player-card .portrait{background-position:var(--portrait)!important}



.custom-slot-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:6px 0}.custom-slot{border:1px solid #347fa5;border-radius:8px;padding:5px 3px;background:#0a2945;color:#bfeeff;font-size:10px;font-weight:800;cursor:pointer}.custom-slot.active{border-color:#ffe45d;background:#705916;color:#fff;box-shadow:0 0 8px #ffd94f66}