.osb{--blue:#75d1f4;--muted:#8390a3;--line:#2b303d;--panel:#1a1d26;--surface:#222631;color:#f4f6fb;font:500 14px/1.45 Manrope,Arial,sans-serif;max-width:1600px;margin:0 auto;padding:32px 24px 64px;box-sizing:border-box}.osb *{box-sizing:border-box}.osb button,.osb input,.osb select{font:inherit}.osb button{cursor:pointer;color:inherit;transition:background .18s,border-color .18s,transform .18s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.osb button:disabled{cursor:not-allowed;opacity:.4}.osb button:not(:disabled):active{transform:translateY(1px)}.osb button:focus-visible,.osb input:focus-visible,.osb select:focus-visible,.osb [tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.osb button svg{flex:none}.osb h1,.osb h2,.osb h3,.osb p{margin:0}.osb h1{font-size:42px;letter-spacing:-1.8px;line-height:1.12;font-weight:900}.osb h1 span{color:var(--blue);margin-left:8px}.osb h2{font-size:20px;font-weight:800}.osb h3{font-size:16px;font-weight:800}.osb small{font-size:11px}.osb-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.osb-heading p{color:var(--muted);margin-top:10px;font-size:13px}.osb-eyebrow{color:#99a7ba;letter-spacing:2.4px;font-size:9px;margin-bottom:10px;display:flex;align-items:center;gap:7px}.osb-eyebrow i,.osb-live-state i{width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 9px #75d1f466}.osb-heading-actions{display:flex;gap:8px;align-items:center}.osb-primary,.osb-join{background:var(--blue);color:#10212d!important;border:1px solid transparent;border-radius:7px;padding:13px 20px;font-size:12px!important;font-weight:800!important;min-height:46px}.osb-primary:not(:disabled):hover,.osb-join:not(:disabled):hover{background:#9cdef8;box-shadow:0 3px 25px #75d1f41a}.osb-quiet,.osb-icon{background:var(--surface);border:1px solid transparent;border-radius:7px;padding:12px 15px;min-height:42px;color:#b7c2d1!important;font-size:12px!important;font-weight:700!important}.osb-quiet:not(:disabled):hover,.osb-icon:not(:disabled):hover{background:#2e3542;color:white!important}.osb-icon{padding:0;width:42px;flex:none}.osb-preview,.osb-notice,.osb-error{display:flex;align-items:center;gap:10px;background:#192632;border:1px solid #294758;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#b6d8e9;font-size:12px}.osb-preview{background:#282319;border-color:#655331;color:#e3c481}.osb-notice button{margin-left:auto;border:0;background:none;color:var(--blue);font-weight:800;font-size:12px}.osb-error{background:#33202a;border-color:#70333e;color:#ffb6bd}.osb-error .osb-icon{margin-left:auto;width:28px;min-height:28px}.osb-tabs{display:flex;gap:26px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:20px}.osb-tabs>button{background:none;border:0;border-bottom:2px solid transparent;padding:16px 4px;color:#8e9bb0;font-size:13px;font-weight:800;min-height:62px}.osb-tabs>button.active{color:var(--blue);border-color:var(--blue)}.osb-tabs-spacer{flex:1}.osb-count{font-size:10px;padding:2px 7px;border-radius:4px;background:#29343d;color:var(--blue);margin-left:2px}.osb-filters{display:flex;align-items:flex-end;gap:16px;background:var(--panel);border-radius:8px;padding:15px 18px;margin-bottom:24px}.osb-filters label>span:first-child,.osb-field-label{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.osb input,.osb select{background:#14171f;color:#c5cedd;border:1px solid #303542;border-radius:6px;min-height:38px;padding:8px 12px;min-width:0;max-width:100%}.osb select{padding-right:28px}.osb-price-inputs{display:flex;gap:6px}.osb-price-inputs input{width:84px}.osb-filters>.osb-checkbox{display:flex;align-items:center;align-self:center;gap:8px;margin-top:16px;cursor:pointer}.osb-checkbox input{width:16px;min-height:16px;accent-color:var(--blue)}.osb-checkbox span{color:#a5b0c1;font-size:12px}.osb-filters>select{margin-left:auto}.osb-filters>.osb-icon{min-height:38px;width:38px;background:#292d37}.osb-table-labels{display:grid;grid-template-columns:88px minmax(200px,1fr) 155px 210px 180px;gap:16px;padding:0 22px 10px;color:#69778e;text-transform:uppercase;font-size:10px;letter-spacing:1px}.osb-table-labels span:last-child{text-align:right}.osb-battle-list{display:flex;flex-direction:column;gap:10px}.osb-battle-row{display:grid;grid-template-columns:88px minmax(200px,1fr) 155px 210px 180px;gap:16px;align-items:center;background:var(--panel);border:1px solid #272b36;border-radius:9px;padding:16px 22px;position:relative;min-height:130px;animation:osb-row-in .3s ease}.osb-battle-row:hover{border-color:#3a4656;background:#1e222d}.osb-rounds{display:flex;flex-direction:column;align-items:center;gap:4px}.osb-rounds>span{background:#273b48;color:var(--blue);width:44px;height:48px;display:grid;place-items:center;font-size:20px;font-weight:900;clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%)}.osb-rounds small{color:#728098;font-size:9px}.osb-case-strip{display:flex;gap:6px;align-items:center;min-height:72px}.osb-case-strip button{border:0;background:none;padding:0;width:72px;flex:none}.osb-case-strip img{max-width:100%;height:70px;object-fit:contain;transition:transform .2s}.osb-case-strip button:hover img{transform:translateY(-4px)}.osb-row-badges{display:flex;gap:6px;min-height:12px}.osb-row-badges>span,.osb-tag{display:inline-flex;align-items:center;gap:4px;font-size:9px;line-height:1;padding:4px 6px;background:#2e293a;color:#c6adf6;border-radius:4px}.osb-row-badges>span+span{background:#323026;color:#dec587}.osb-entry-price{font-size:17px;color:#d9f2ff;font-weight:800}.osb-entry-price small{display:block;color:#6f7d93;font-size:10px;margin-top:4px;font-weight:500}.osb-seats-mini{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.osb-seats-mini>span{position:relative;display:grid;place-items:center;width:34px;height:34px;background:#14181f;border:1px solid #394657;border-radius:50%;color:#6e889a}.osb-seats-mini img{width:100%;height:100%;object-fit:cover;border-radius:50%}.osb-seats-mini .is-empty{border:1px dashed #485566}.osb-bot-dot{width:7px;height:7px;border:2px solid var(--panel);background:#d4b777;border-radius:50%;position:absolute;right:-1px;bottom:0}.osb-seats-mini small{width:100%;text-align:center;color:#68788e;margin-top:3px}.osb-join{font-size:11px!important;padding:11px 15px;min-height:42px;background:#1c3b4a;color:var(--blue)!important;border:1px solid #335b70}.osb-empty{min-height:280px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:13px;padding:35px;color:var(--muted)}.osb-empty h3{color:#e0e6ef;font-size:19px}.osb-empty p{font-size:13px}.osb-empty .osb-primary{margin-top:8px}.osb-empty-emblem{border:1px solid #374c5e;background:#1d2d38;border-radius:17px;padding:20px;color:var(--blue);margin-bottom:4px;transform:rotate(-6deg)}.osb-skeletons{display:grid;gap:12px}.osb-skeletons>div{height:130px;border-radius:9px;background:linear-gradient(100deg,#1a1d26 25%,#252a35 45%,#1a1d26 65%);background-size:300% 100%;animation:osb-skeleton 1.6s infinite}.osb-subheading{display:flex;align-items:center;gap:18px;margin-bottom:20px}.osb-subheading>span{margin-left:auto;color:var(--muted);font-size:12px}.osb-creator{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.osb-catalog{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}.osb-catalog-toolbar{display:flex;gap:10px;margin-bottom:23px}.osb-search{display:flex;align-items:center;flex:1;background:#14171f;border:1px solid #303542;border-radius:6px;padding-left:12px;color:#6d7a8e;min-width:140px}.osb-search input{border:0;background:none;width:100%;outline:none!important}.osb-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.osb-case-card{position:relative;text-align:center;padding:14px 9px 12px;background:#212530;border:1px solid transparent;border-radius:9px;transition:border .2s,background .2s}.osb-case-card:hover{border-color:#425165;background:#272c39}.osb-case-card.is-selected{border-color:#41677b;background:#233442}.osb-case-info{position:absolute;right:8px;top:8px;background:#181c27;border:0;border-radius:6px;padding:7px;z-index:1;color:#8598ae!important}.osb-case-art{height:130px;width:100%;background:none;border:0;padding:4px}.osb-case-art img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.osb-case-card:hover .osb-case-art img{transform:translateY(-5px) scale(1.04)}.osb-case-card h3{font-size:12px;margin:9px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osb-case-card>strong{font-size:14px;color:var(--blue)}.osb-case-add{display:flex;gap:5px;justify-content:center;margin-top:12px}.osb-case-add .osb-quiet{font-size:10px!important;padding:7px 10px;min-height:32px;background:#303747}.osb-case-add .osb-icon{min-height:32px;width:30px}.osb-setup{background:var(--panel);border:1px solid #344352;border-radius:10px;padding:21px;position:sticky;top:16px}.osb-setup-title{display:flex;align-items:center;gap:10px;padding-bottom:22px;color:var(--blue)}.osb-setup-title h2{color:white}.osb-segment{display:flex;gap:5px;background:#12161e;padding:4px;border:1px solid #2b3441;border-radius:8px}.osb-segment button{flex:1;background:none;border:0;color:#8c99ae;border-radius:5px;padding:10px 15px;font-size:12px;font-weight:800}.osb-segment button.active{background:var(--blue);color:#10212d}.osb-players-choice{margin-bottom:17px}.osb-bots-config{display:flex;align-items:center;justify-content:space-between;padding:3px 0 18px}.osb-bots-config strong{display:block;font-size:12px}.osb-bots-config small{display:block;color:#718198;font-size:10px;margin-top:4px}.osb-stepper{display:flex;align-items:center;gap:13px;background:#11161d;border-radius:6px;padding:3px}.osb-stepper button{width:27px;height:27px;background:#282f3a;border:0;border-radius:4px;color:#b9d6e9;font-size:17px}.osb-stepper b{font-size:12px;min-width:8px}.osb-option{display:flex;width:100%;text-align:left;background:#232732;border:1px solid transparent;border-radius:7px;padding:12px 10px;gap:10px!important;margin-top:8px;color:#8293aa!important}.osb-option>span{flex:1}.osb-option b{display:block;color:#c9d3e0;font-size:12px}.osb-option small{display:block;color:#6f7d93;font-size:9px;margin-top:3px;white-space:normal}.osb-option.active{border-color:#3f6a80;background:#233744;color:var(--blue)!important}.osb-switch{width:28px;height:16px;border-radius:20px;background:#4c5362;position:relative;flex:none}.osb-switch:after{content:'';position:absolute;width:10px;height:10px;top:3px;left:3px;background:#abb7c7;border-radius:50%;transition:transform .2s}.osb-switch.on{background:#32657d}.osb-switch.on:after{transform:translateX(12px);background:var(--blue)}.osb-selected-heading{display:flex;justify-content:space-between;font-size:10px;color:#8290a6;margin:24px 0 10px}.osb-selected-heading button{border:0;padding:0;background:none;font-size:10px;color:#7694ad}.osb-selected{max-height:240px;overflow:auto}.osb-selected-case{display:flex;align-items:center;gap:10px;border-bottom:1px solid #2a303b;padding:10px 0}.osb-selected-case>span{font-size:10px;color:#65788d;min-width:12px}.osb-selected-case>img{width:43px;height:43px;object-fit:contain}.osb-selected-case>div{flex:1;min-width:0}.osb-selected-case b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osb-selected-case small{color:var(--blue);margin-top:3px;display:block}.osb-selected-case .osb-icon{width:24px;min-height:25px;background:none}.osb-selected-placeholder{display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed #354455;border-radius:7px;min-height:76px;font-size:11px;color:#71859c}.osb-setup-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #303643;padding-top:20px;margin-top:20px}.osb-setup-total>span{font-size:11px;color:#8799ad}.osb-setup-total>b{color:var(--blue);font-size:24px;font-weight:900}.osb-setup-caption{display:block;color:#77869d;font-size:9px;margin:8px 0 15px}.osb-full{width:100%}.osb-room-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:25px 0}.osb-room-heading>div{display:flex;align-items:center;gap:10px}.osb-room-heading h2{font-size:19px;letter-spacing:-.4px}.osb-room-heading h2 span{font-size:12px;color:#657a90;letter-spacing:0;margin-left:6px}.osb-room-summary{background:var(--panel);border:1px solid #303747;border-radius:9px 9px 0 0;padding:18px 23px;display:flex;align-items:center;gap:27px}.osb-room-summary>div>b{font-size:20px;font-weight:800}.osb-room-summary>div>b>small{font-size:13px;color:#6a7b92}.osb-room-summary .osb-field-label{font-size:9px}.osb-round-strip{display:flex;gap:7px;flex:1}.osb-round-strip>span{width:55px;height:58px;border:1px solid #2b3341;border-radius:6px;background:#212631;position:relative;opacity:.55}.osb-round-strip>span.active{border-color:#619eb8;background:#233f4e;opacity:1}.osb-round-strip>span.played{opacity:.8}.osb-round-strip img{width:100%;height:100%;object-fit:contain}.osb-round-strip i{position:absolute;bottom:-4px;right:-4px;background:var(--blue);color:#142b37;border-radius:3px;display:flex}.osb-live-state{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#8ba1b5;font-size:10px}.osb-arena{display:grid;grid-template-columns:repeat(var(--players),minmax(0,1fr));background:#181b24;border:1px solid #303747;border-top:0;border-radius:0 0 10px 10px;overflow:hidden}.osb-player-column{min-width:0;border-right:1px solid #303747;position:relative}.osb-player-column:last-child{border-right:0}.osb-ready-area{height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.osb-ready-mark,.osb-wait-mark{height:100px;width:90px;display:grid;place-items:center;clip-path:polygon(50% 0,97% 25%,97% 75%,50% 100%,3% 75%,3% 25%);background:#223c3a;color:#6bc5a2;margin-bottom:6px}.osb-wait-mark{background:#252c39;color:#657d96}.osb-ready-area>b{font-size:14px}.osb-ready-area small{color:#71849a}.osb-ready-area button{font-size:11px!important;padding:10px 14px;min-height:36px}.osb-reel-window{height:350px;position:relative;overflow:hidden;background:#1d212b}.osb-reel-window:before,.osb-reel-window:after{content:'';height:65px;position:absolute;left:0;right:0;z-index:2;pointer-events:none}.osb-reel-window:before{top:0;background:linear-gradient(#181b24,transparent)}.osb-reel-window:after{bottom:0;background:linear-gradient(transparent,#181b24)}.osb-reel{position:absolute;top:55px;left:0;width:100%;will-change:transform}.osb-reel-item{height:240px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.osb-reel-item>img{width:75%;height:150px;object-fit:contain;z-index:1;position:relative}.osb-reel-item>div:last-child{position:relative;z-index:1;text-align:center}.osb-reel-item small{display:block;color:#9aaac0;font-size:11px}.osb-reel-item b{display:block;color:var(--rarity);font-size:14px;margin:3px 0}.osb-reel-item strong{display:block;font-size:15px}.osb-skin-halo{position:absolute;width:135px;height:110px;background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity) 30%,transparent),transparent 70%);left:50%;top:40%;transform:translate(-50%,-50%);pointer-events:none}.osb-cube{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:140px;color:var(--rarity);opacity:.13}.osb-pointer{position:absolute;top:50%;z-index:4;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;filter:drop-shadow(0 0 7px #75d1f4)}.osb-pointer.left{left:10px;border-left:9px solid var(--blue)}.osb-pointer.right{right:10px;border-right:9px solid var(--blue)}.osb-countdown{height:100%;display:grid;place-items:center;font-size:80px;font-weight:900;color:var(--blue);animation:osb-countdown .65s ease both}.osb-player{display:flex;align-items:center;gap:10px;padding:16px 18px;background:#232733;position:relative;z-index:3}.osb-player>img,.osb-player-avatar{width:35px;height:35px;object-fit:cover;border-radius:50%;border:2px solid #4d6174;display:grid;place-items:center;color:#6d8093}.osb-player>div:not(.osb-player-avatar){flex:1;min-width:0}.osb-player strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.osb-player small,.osb-player span{display:flex;align-items:center;gap:4px;color:#7d8c9e;font-size:9px;margin-top:3px}.osb-player>b{font-size:16px;color:var(--blue)}.osb-winner-ribbon{position:absolute;z-index:5;top:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:10px;background:#283242;border:1px solid #43546a;padding:6px 12px;border-radius:20px}.is-winner .osb-winner-ribbon{color:#85ddba;background:#1c3a31;border-color:#386a57}.is-winner .osb-player{background:#203b35}.is-winner .osb-reel-window{background:#1c302c}.is-loser .osb-player{background:#30282e}.osb-drops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px}.osb-drops>article{position:relative;padding:10px;background:#222731;border-radius:7px;border-bottom:2px solid var(--rarity);animation:osb-row-in .35s ease;min-width:0}.osb-drops>article>span{color:#748298;font-size:9px}.osb-drops img{width:100%;height:70px;object-fit:contain;display:block}.osb-drops b,.osb-drops small,.osb-drops strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osb-drops small{font-size:8px;color:#8296b0}.osb-drops b{font-size:10px;color:var(--rarity);margin:3px 0 7px}.osb-drops strong{font-size:12px}.osb-room-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.osb-room-footer>span{display:flex;align-items:center;gap:7px;color:#71869d;font-size:11px;margin-right:auto}.osb-ranking-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0}.osb-ranking-heading p{color:var(--muted);font-size:12px;margin-top:5px}.osb-ranking-row{display:flex;align-items:center;gap:20px;border-radius:8px;background:var(--panel);padding:16px 24px;margin-bottom:8px}.osb-ranking-row>b:first-child{width:22px;color:#8a9cb4;font-size:19px}.osb-ranking-row .osb-gold{color:#e5bd67!important}.osb-ranking-row>img{width:35px;height:35px;border-radius:50%;object-fit:cover}.osb-ranking-row>strong{flex:1}.osb-ranking-row>span{color:#8d9bb0;width:90px;font-size:12px}.osb-ranking-row>b:last-child{color:var(--blue);min-width:95px;text-align:right}.osb-modal-layer{position:fixed;inset:0;z-index:11000;background:#080b13d9;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.osb-modal{background:#191d27;border:1px solid #394354;border-radius:14px;box-shadow:0 25px 100px #0009;width:590px;max-width:100%;max-height:90dvh;overflow:auto;animation:osb-modal-in .2s ease;padding:25px}.osb-modal-large{width:880px}.osb-modal-result{width:680px}.osb-modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.osb-modal-heading h2{font-size:18px}.osb-modal-heading .osb-icon{width:32px;min-height:32px}.osb-contents-case{display:flex;align-items:center;gap:20px;background:#232a36;padding:15px;border-radius:8px;margin-bottom:20px}.osb-contents-case>img{width:75px;height:75px;object-fit:contain}.osb-contents-case>div{flex:1}.osb-contents-case strong{display:block;color:var(--blue);margin-top:5px}.osb-contents-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.osb-content-card{height:218px;position:relative;border-radius:8px;overflow:hidden;background:#252a35;border-top:2px solid var(--rarity)}.osb-content-front{height:100%;display:flex;flex-direction:column;position:relative;padding:14px}.osb-content-front>small{color:#8f9fb8;text-align:right;font-size:9px}.osb-content-front>img{height:115px;object-fit:contain;z-index:1;position:relative}.osb-content-front>span{font-size:10px;color:#99aac0}.osb-content-front>b{font-size:11px;color:var(--rarity)}.osb-content-front>strong{font-size:12px;margin-top:auto}.osb-content-back{position:absolute;inset:0;background:#222835f7;opacity:0;padding:14px 10px;overflow:auto;transition:opacity .2s}.osb-content-back>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;font-size:9px;margin-bottom:9px}.osb-content-back>div:first-child{color:#71849e;margin-bottom:15px;font-size:8px}.osb-content-back strong{color:var(--blue)}.osb-content-card:hover .osb-content-back,.osb-content-card:focus .osb-content-back,.osb-content-card:focus-within .osb-content-back{opacity:1}.osb-rules>div{display:flex;gap:15px;margin:25px 0}.osb-rules>div>span{display:grid;place-items:center;background:#2c4352;color:var(--blue);border-radius:8px;height:35px;width:35px;flex:none;font-weight:900}.osb-rules h3{font-size:14px;margin-bottom:7px}.osb-rules p,.osb-proof p{font-size:12px;line-height:1.8;color:#8e9fb5}.osb-rules-note{padding:15px;background:#222a35;border-radius:8px}.osb-proof label{display:block;font-size:11px;color:#93a5bc;margin:20px 0}.osb-proof code{display:block;overflow-wrap:anywhere;color:#bed9e8;padding:12px;background:#111720;border-radius:7px;margin-top:6px;font-size:10px}.osb-proof details{color:var(--blue);font-size:12px}.osb-proof pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font-size:10px;color:#9dadc4}.osb-result-title{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:26px}.osb-result-trophy{background:#2b3c47;border:1px solid #496775;border-radius:20px;color:var(--blue);padding:20px;margin:5px 0 10px;box-shadow:0 0 70px #75d1f414}.osb-result-title p{color:#83a7bd;font-size:10px;letter-spacing:2px}.osb-result-title h3{font-size:24px}.osb-result-title>b{font-size:38px;color:var(--blue);font-weight:900}.osb-result-title>span{font-size:11px;color:#798fa8}.osb-result-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto}.osb-result-items article{background:#252b37;border-radius:6px;padding:10px;border-bottom:2px solid var(--rarity);min-width:0}.osb-result-items img{width:100%;height:75px;object-fit:contain}.osb-result-items b{display:block;font-size:10px;color:var(--rarity);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osb-result-items strong{display:block;font-size:12px;margin-top:6px}.osb-result-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}.osb-toast{position:fixed;z-index:12000;bottom:32px;left:50%;transform:translateX(-50%);background:#263e4b;border:1px solid #527e92;border-radius:9px;padding:13px 20px;color:#d4f2ff;box-shadow:0 8px 35px #0008;display:flex;align-items:center;gap:10px;font-size:12px}.osb-toast-enter-active,.osb-toast-leave-active{transition:opacity .2s}.osb-toast-enter,.osb-toast-leave-to{opacity:0}
@keyframes osb-row-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes osb-modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes osb-countdown{from{opacity:0;transform:scale(1.2)}25%{opacity:1}to{opacity:0;transform:scale(.9)}}@keyframes osb-skeleton{to{background-position:-150% 0}}
@media(min-width:1500px){.osb-case-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.osb-case-art{height:145px}}
@media(max-width:1200px){.osb-table-labels,.osb-battle-row{grid-template-columns:65px minmax(160px,1fr) 120px 160px 150px;gap:12px}.osb-case-strip button{width:54px}.osb-case-strip img{height:60px}.osb-seats-mini>span{width:28px;height:28px}.osb-creator{grid-template-columns:minmax(0,1fr) 310px}.osb-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.osb-catalog-toolbar{flex-wrap:wrap}.osb-catalog-toolbar .osb-search{flex-basis:100%}.osb-filters{flex-wrap:wrap}.osb-filters>select{margin-left:0}.osb-room-summary{gap:17px}.osb-live-state{display:none}.osb-player{padding:14px 10px;gap:7px}.osb-player>b{font-size:13px}}
@media(max-width:900px){.osb{padding:25px 16px 48px}.osb h1{font-size:34px}.osb-heading-actions>.osb-quiet{font-size:0!important;padding:12px}.osb-heading-actions>.osb-quiet svg{width:18px}.osb-tabs{gap:15px}.osb-tabs>button{font-size:11px;gap:6px}.osb-demo-link{display:none!important}.osb-table-labels{display:none}.osb-battle-row{grid-template-columns:50px minmax(120px,1fr) 100px 135px}.osb-battle-row>.osb-join,.osb-battle-row>.osb-quiet{grid-column:4;grid-row:1/3;min-height:44px;padding:8px;font-size:10px!important}.osb-seats-mini{grid-column:2;justify-content:flex-start}.osb-seats-mini small{width:auto;margin-left:5px}.osb-entry-price{grid-column:3;grid-row:1/3}.osb-row-cases{grid-column:2}.osb-rounds{grid-row:1/3}.osb-battle-row{padding:13px;row-gap:0}.osb-creator{grid-template-columns:minmax(0,1fr) 285px;gap:12px}.osb-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osb-case-art{height:100px}.osb-setup,.osb-catalog{padding:14px}.osb-room-summary{padding:13px;gap:14px;flex-wrap:wrap}.osb-room-summary>.osb-round-strip{order:3;flex-basis:75%}.osb-room-summary>.osb-quiet{margin-left:auto}.osb-room-heading{align-items:flex-start}.osb-room-heading>div{flex-wrap:wrap}.osb-room-heading>div:last-child{justify-content:flex-end}.osb-room-heading .osb-primary,.osb-room-heading .osb-quiet{font-size:10px!important;padding:10px}.osb-arena[style*="4"] .osb-player{flex-wrap:wrap}.osb-arena[style*="4"] .osb-player>b{flex-basis:100%;margin-left:40px}.osb-drops{padding:7px;gap:5px}.osb-drops>article{padding:7px}.osb-ready-area{height:300px}.osb-ready-area button{max-width:95%;font-size:9px!important;white-space:normal}.osb-ready-area b{font-size:11px}.osb-ready-area small{font-size:9px}}
@media(max-width:650px){.osb{padding:20px 10px 40px}.osb-heading{align-items:flex-start;margin-bottom:20px;gap:8px}.osb h1{font-size:27px;letter-spacing:-1.1px}.osb-heading p{font-size:10px;max-width:220px;line-height:1.7}.osb-eyebrow{font-size:8px;letter-spacing:1.7px}.osb-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:155px}.osb-heading-actions>.osb-icon{width:32px;min-height:32px}.osb-heading-actions>.osb-quiet{min-height:32px;padding:7px}.osb-heading-actions>.osb-primary{min-height:36px;padding:8px 11px;font-size:10px!important}.osb-tabs{gap:12px;margin-bottom:13px}.osb-tabs>button{font-size:10px;padding:14px 1px;min-height:48px}.osb-tabs>button svg{width:14px}.osb-count{font-size:8px;padding:2px 4px}.osb-filters{padding:12px;gap:10px;margin-bottom:14px}.osb-filters>label{flex:1}.osb-filters select{width:100%;min-width:120px;font-size:11px}.osb-price-inputs input{width:60px;flex:1;font-size:11px}.osb-filters>.osb-checkbox{flex-basis:40%;margin-top:0}.osb-filters>.osb-checkbox span{font-size:10px}.osb-filters>select{width:calc(100% - 50px)}.osb-battle-row{grid-template-columns:35px minmax(95px,1fr) 78px;gap:8px;padding:12px 10px;min-height:138px}.osb-rounds>span{width:32px;height:36px;font-size:16px}.osb-rounds small{font-size:8px}.osb-case-strip{min-height:60px;gap:0;overflow:hidden;max-width:100%}.osb-case-strip button{width:45px}.osb-case-strip img{height:48px}.osb-battle-row>.osb-join,.osb-battle-row>.osb-quiet{grid-column:3;grid-row:2;min-height:32px;font-size:8px!important;gap:4px;padding:6px}.osb-battle-row>.osb-join svg,.osb-battle-row>.osb-quiet svg{width:13px}.osb-entry-price{grid-column:3;grid-row:1;font-size:13px}.osb-entry-price small{font-size:8px}.osb-seats-mini>span{width:25px;height:25px}.osb-seats-mini{gap:4px}.osb-creator{display:flex;flex-direction:column-reverse}.osb-setup{position:static;width:100%}.osb-catalog{width:100%}.osb-setup-title{padding-bottom:14px}.osb-players-choice{margin-bottom:12px}.osb-bots-config{padding-bottom:8px}.osb-option{padding:9px 10px;margin-top:5px}.osb-selected{max-height:160px}.osb-selected-heading{margin-top:15px}.osb-setup-total{padding-top:13px;margin-top:13px}.osb-setup-caption{margin:5px 0 10px}.osb-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.osb-case-art{height:125px}.osb-subheading{gap:12px;flex-wrap:wrap}.osb-subheading h2{font-size:16px}.osb-subheading>span{font-size:10px}.osb-catalog-toolbar select{flex:1;width:40%;font-size:10px}.osb-room-heading{flex-direction:column}.osb-room-heading>div:last-child{width:100%;justify-content:flex-start}.osb-room-heading h2{font-size:16px}.osb-room-summary>div>b{font-size:16px}.osb-room-summary .osb-quiet{min-height:33px;padding:7px 9px;font-size:9px!important}.osb-round-strip>span{width:43px;height:45px}.osb-room-summary>.osb-round-strip{flex-basis:100%}.osb-arena{grid-template-columns:repeat(2,minmax(0,1fr))}.osb-player-column:nth-child(2){border-right:0}.osb-player-column:nth-child(n+3){border-top:1px solid #303747}.osb-arena[style*="3"] .osb-player-column:last-child{grid-column:1/3;border-right:0}.osb-arena[style*="3"] .osb-player-column:last-child .osb-drops{grid-template-columns:repeat(3,minmax(0,1fr))}.osb-reel-window{height:300px}.osb-reel{top:30px}.osb-reel-item>img{height:140px}.osb-player{flex-wrap:wrap;padding:12px 9px}.osb-player>img,.osb-player-avatar{width:28px;height:28px}.osb-player strong{font-size:10px}.osb-player>b{font-size:12px;flex-basis:100%;margin-left:35px}.osb-arena[style*="4"] .osb-player>b{margin-left:35px}.osb-reel-item b{font-size:12px}.osb-reel-item strong{font-size:13px}.osb-drops img{height:58px}.osb-room-footer{flex-wrap:wrap;justify-content:flex-start}.osb-room-footer>span{flex-basis:100%;font-size:10px;margin-bottom:5px}.osb-ready-area{height:275px;gap:10px}.osb-ready-mark,.osb-wait-mark{width:60px;height:68px}.osb-ready-area .osb-primary{font-size:8px!important}.osb-modal-layer{padding:10px}.osb-modal{padding:16px;max-height:94dvh;border-radius:10px}.osb-modal-heading{margin-bottom:16px}.osb-modal-heading h2{font-size:16px}.osb-contents-case{gap:10px;padding:10px;flex-wrap:wrap}.osb-contents-case img{width:55px;height:55px}.osb-contents-case h3{font-size:13px}.osb-contents-case .osb-primary{min-height:34px;font-size:10px!important;padding:8px 10px}.osb-contents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.osb-content-card{height:211px}.osb-content-back{font-size:8px}.osb-result-items{grid-template-columns:repeat(3,minmax(0,1fr))}.osb-result-title>b{font-size:30px}.osb-result-actions{flex-direction:column}.osb-ranking-heading{align-items:flex-start;gap:15px;flex-direction:column}.osb-ranking-row{gap:9px;padding:13px 10px}.osb-ranking-row>span{display:none}.osb-ranking-row>strong{font-size:11px}.osb-ranking-row>b:last-child{min-width:65px;font-size:12px}.osb-ranking-row>img{width:28px;height:28px}.osb-notice{flex-wrap:wrap;padding:10px;font-size:10px}.osb-notice>span{flex:1}.osb-notice button{font-size:10px}.osb-toast{max-width:90%;width:max-content;padding:11px 15px;font-size:10px}.osb-preview{font-size:10px;padding:10px}}
@media(prefers-reduced-motion:reduce){.osb *{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.osb-modal-layer{backdrop-filter:none}}

.osb-row-actions{display:flex;flex-direction:column;gap:7px}.osb-row-actions>small{color:#728399;text-align:right;font-size:9px}.osb-watch{background:none;border:0;color:#6f8aa1!important;font-size:9px!important;padding:0}.osb-load-more{display:flex!important;margin:24px auto}.osb-catalog-price{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid #303643}.osb-catalog-price>label:not(.osb-checkbox){display:flex;align-items:center;gap:10px;font-size:10px;color:#8495ad}.osb-catalog-price input:not([type=checkbox]){width:80px;font-size:11px}.osb-catalog-price>.osb-checkbox{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:10px;color:#8e9eb3}@media(max-width:900px){.osb-row-actions{grid-column:4;grid-row:1/3}.osb-row-actions .osb-join,.osb-row-actions .osb-quiet{font-size:10px!important;padding:9px}.osb-catalog-price{flex-wrap:wrap}.osb-catalog-price>.osb-checkbox{margin-left:0}}@media(max-width:650px){.osb-row-actions{grid-column:3;grid-row:2}.osb-row-actions .osb-join,.osb-row-actions .osb-quiet{font-size:8px!important;padding:6px;min-height:32px;gap:4px}.osb-row-actions .osb-join svg{width:12px}.osb-watch{font-size:8px!important}.osb-row-actions>small{font-size:7px}.osb-catalog-price>label:not(.osb-checkbox){flex:1;font-size:9px}.osb-catalog-price>label>span{display:none}.osb-catalog-price input:not([type=checkbox]){width:65px}.osb-catalog-price>.osb-checkbox{flex-basis:100%}}

fieldset.osb-creator{border:0;padding:0;margin:0;min-width:0}.osb-setup .osb-full+.osb-full{margin-top:8px}

/* Loaded after style.css. All rules stay inside the native battles page. */
.osb {
  --blue: #75d1f4;
  --muted: #989ba6;
  --line: #303238;
  --panel: #1c1d22;
  --surface: #25262c;
  --osb-ready: #67de95;
  --osb-loss: #f27b5a;
  color: #f1f2f5;
  max-width: 1600px;
  min-width: 0;
  margin: 0 auto;
  padding: 24px 25px 56px;
  font-size: 14px;
  line-height: 1.45;
  color-scheme: dark;
}
.osb *, .osb *::before, .osb *::after { box-sizing: border-box; }
.osb h1 { font-size: 24px; line-height: 1.25; letter-spacing: -.5px; font-weight: 900; }
.osb h2 { font-size: 20px; letter-spacing: -.3px; }
.osb h3 { font-size: 15px; }
.osb button { max-width: 100%; box-shadow: none; }
.osb button:not(:disabled):hover { box-shadow: none; }
.osb button:disabled { opacity: .42; }
.osb input, .osb select {
  min-width: 0;
  min-height: 44px;
  border: 1px solid #383a43;
  border-radius: 9px;
  background: var(--surface);
  color: #f1f2f5;
  font-size: 12px;
}
.osb input::placeholder { color: #858995; opacity: 1; }
.osb input[type="checkbox"] {
  appearance: auto;
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0;
  padding: 0;
  flex: 0 0 20px;
  accent-color: var(--blue);
}
.osb .osb-primary, .osb .osb-join {
  min-height: 44px;
  padding: 11px 20px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: var(--blue);
  color: #12232a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.osb .osb-primary:not(:disabled):hover, .osb .osb-join:not(:disabled):hover { background: #98dff8; }
.osb .osb-quiet, .osb .osb-icon {
  min-height: 40px;
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--surface);
  color: #c6c9d2 !important;
  font-size: 12px !important;
}
.osb .osb-icon { width: 40px; padding: 0; }
.osb .osb-quiet:not(:disabled):hover, .osb .osb-icon:not(:disabled):hover { background: #32343b; color: #fff !important; }
.osb .osb-heading { min-height: 48px; gap: 16px; margin-bottom: 24px; }
.osb .osb-heading-title { display: flex; align-items: center; gap: 10px; min-width: 0; }
.osb .osb-heading-title .osb-icon { width: 25px; min-height: 28px; background: none; color: #9097a1 !important; }
.osb .osb-heading-actions { gap: 10px; flex: 0 0 auto; }
.osb .osb-heading-actions > .osb-primary { min-width: 220px; min-height: 48px; }
.osb .osb-eyebrow, .osb .osb-heading > div > p { display: none; }
.osb .osb-notice, .osb .osb-preview, .osb .osb-error { padding: 10px 14px; margin-bottom: 18px; font-size: 12px; }
.osb .osb-notice { background: #1e292f; border-color: #344650; }
.osb .osb-notice > span, .osb .osb-error > span { min-width: 0; overflow-wrap: anywhere; }
.osb .osb-notice button { flex-shrink: 0; }

/* Desktop lobby: a single 80px filter bar and the reference's five columns. */
.osb .osb-filter-mobile, .osb .osb-filter-close, .osb .osb-filter-backdrop { display: none; }
.osb .osb-filters {
  display: grid;
  grid-template-columns: minmax(130px, 1.05fr) auto auto minmax(200px, 1.5fr) minmax(145px, 1.2fr) minmax(125px, 1fr) minmax(100px, .85fr);
  align-items: center;
  gap: 10px;
  min-height: 80px;
  padding: 16px;
  margin-bottom: 24px;
  border-radius: 16px;
  background: var(--panel);
}
.osb .osb-filters > * { min-width: 0; max-width: 100%; margin: 0; }
.osb .osb-filters > select { width: 100%; min-height: 48px; margin: 0; padding-left: 14px; font-weight: 700; }
.osb .osb-player-checks {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  position: relative;
  width: 172px;
  min-height: 48px;
  padding: 0 0 0 51px;
  border: 0;
}
.osb .osb-player-checks legend {
  position: absolute;
  top: 50%;
  left: 0;
  width: 49px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  color: #e1e3e9;
  font-size: 11px;
  font-weight: 700;
}
.osb .osb-player-checks label { display: inline-flex; align-items: center; gap: 5px; margin: 0; cursor: pointer; }
.osb .osb-player-checks label > span:first-child, .osb .osb-player-checks label > span { display: inline; margin: 0; color: #e1e3e9; font-size: 12px; }
.osb .osb-filter-toggle { display: flex; align-items: center; gap: 7px; position: relative; min-height: 44px; cursor: pointer; }
.osb .osb-filter-toggle > input { position: absolute; width: 1px; height: 1px; min-height: 1px; opacity: 0; }
.osb .osb-filter-toggle > span:last-child { width: auto; flex: 0 0 auto; margin: 0; color: #e1e3e9; font-size: 11px; line-height: 1.3; white-space: nowrap; }
.osb .osb-filter-toggle:focus-within { outline: 2px solid var(--blue); outline-offset: 3px; border-radius: 5px; }
.osb .osb-switch { width: 36px; height: 22px; background: #44464f; }
.osb .osb-switch::after { width: 16px; height: 16px; top: 3px; left: 3px; background: #adb1bd; }
.osb .osb-switch.on { background: #2e5666; }
.osb .osb-switch.on::after { transform: translateX(14px); background: var(--blue); }
.osb .osb-filters > .osb-checkbox { display: flex; align-items: center; align-self: center; gap: 8px; margin: 0; min-height: 44px; }
.osb .osb-filters > .osb-checkbox > span { margin: 0; font-size: 11px; line-height: 1.35; color: #e1e3e9; }
.osb .osb-price-range { min-height: 48px; padding: 0 8px; border: 1px solid #383a43; border-radius: 10px; background: var(--surface); }
.osb .osb-price-inputs { display: flex; align-items: center; justify-content: space-between; gap: 5px; width: 100%; }
.osb .osb-price-inputs > label { display: flex; align-items: center; gap: 4px; flex: 1; min-width: 0; margin: 0; }
.osb .osb-price-inputs label > span:first-child { display: inline; margin: 0; color: var(--blue); font-size: 10px; font-weight: 800; }
.osb .osb-price-inputs > span { color: #60636d; font-size: 12px; }
.osb .osb-price-inputs input { width: 100%; min-height: 30px; padding: 4px 0; border: 0; background: none; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
.osb .osb-price-inputs > label:last-child input { text-align: right; }
.osb .osb-range-tracks { position: relative; height: 16px; margin: 0; }
.osb .osb-range-tracks::before { content: ''; position: absolute; top: 6px; left: 0; right: 0; height: 4px; background: var(--blue); border-radius: 4px; }
.osb .osb-range-tracks input[type="range"] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 16px;
  min-height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  pointer-events: none;
}
.osb .osb-range-tracks input[type="range"]::-webkit-slider-runnable-track { height: 4px; border: 0; background: transparent; }
.osb .osb-range-tracks input[type="range"]::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 14px; height: 14px; margin-top: -5px; border: 3px solid #d8e2e7; border-radius: 50%; background: var(--blue); pointer-events: auto; cursor: ew-resize; }
.osb .osb-range-tracks input[type="range"]::-moz-range-track { height: 4px; border: 0; background: transparent; }
.osb .osb-range-tracks input[type="range"]::-moz-range-thumb { width: 9px; height: 9px; border: 3px solid #d8e2e7; border-radius: 50%; background: var(--blue); pointer-events: auto; cursor: ew-resize; }
.osb .osb-filters > .osb-reset { width: 100%; min-height: 48px; background: #2c2e34; font-size: 11px !important; text-transform: uppercase; }
.osb .osb-table-labels, .osb .osb-battle-row { grid-template-columns: 84px minmax(180px, 1fr) 150px 220px 180px; gap: 0; }
.osb .osb-table-labels { padding: 0 16px 14px; color: #a0a4af; font-size: 11px; text-transform: none; letter-spacing: 0; text-align: center; }
.osb .osb-table-labels span:last-child { text-align: center; }
.osb .osb-battle-list { gap: 8px; }
.osb .osb-battle-row { min-height: 124px; padding: 0 16px; border: 1px solid transparent; border-radius: 15px; background: var(--panel); animation-duration: .35s; }
.osb .osb-battle-row:hover { background: #202126; border-color: #30343b; }
.osb .osb-battle-row > * { min-width: 0; }
.osb .osb-rounds { align-items: center; justify-content: center; }
.osb .osb-rounds > span { width: 32px; height: 32px; border: 2px solid var(--osb-ready); border-radius: 50%; clip-path: none; background: none; color: #f1f2f5; font-size: 20px; font-weight: 700; }
.osb .osb-rounds > small { display: none; }
.osb .osb-row-cases { position: relative; padding: 6px 8px; }
.osb .osb-row-badges { position: absolute; top: 2px; left: 8px; gap: 5px; min-height: 0; z-index: 1; }
.osb .osb-row-badges:empty { display: none; }
.osb .osb-case-strip { gap: 4px; min-height: 108px; overflow: hidden; }
.osb .osb-case-strip button { width: 90px; flex: 0 0 90px; }
.osb .osb-case-strip img { width: 100%; max-width: 90px; height: 98px; object-fit: contain; }
.osb .osb-case-strip > span { font-size: 12px; color: #b6bfca; }
.osb .osb-entry-price { text-align: center; color: #f1f2f5; font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; }
.osb .osb-entry-price > small { display: none; }
.osb .osb-seats-mini { position: relative; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 8px; min-height: 122px; padding: 26px 6px 10px; }
.osb .osb-seats-mini > span:not(.osb-seat-count) { width: 40px; height: 44px; flex: 0 0 40px; border: 1px solid #383b44; border-radius: 9px; background: #22242a; }
.osb .osb-seats-mini img { border-radius: 8px; }
.osb .osb-seats-mini > .is-empty { border: 2px dashed #385462 !important; color: var(--blue); background: transparent; }
.osb .osb-seats-mini > .osb-seat-count { position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: grid; place-items: center; width: 76px; height: 24px; margin: 0; border: 0; border-radius: 0; background: #282a30; color: #bfc3cb; clip-path: polygon(0 0, 100% 0, 87% 100%, 13% 100%); font-size: 11px; font-weight: 800; }
.osb .osb-row-actions { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-end; align-self: center; grid-column: 5; grid-row: 1; gap: 8px; min-width: 0; width: 100%; }
.osb .osb-row-actions > .osb-join { flex: 1; min-width: 0; min-height: 38px; padding: 9px 10px; font-size: 11px !important; }
.osb .osb-row-actions > .osb-watch { display: inline-flex; flex: 0 0 38px; width: 38px; min-height: 38px; padding: 0; border: 0; border-radius: 8px; background: #233a44; color: var(--blue) !important; }
.osb .osb-load-more { display: flex; margin: 20px auto 0; min-width: 180px; }
.osb .osb-empty { min-height: 240px; padding: 32px 20px; }
.osb .osb-empty > p { max-width: 460px; line-height: 1.6; }
.osb .osb-empty-emblem { box-shadow: none; }
.osb .osb-skeletons > div { height: 124px; border-radius: 15px; }

/* The explanatory disclosure and independently mounted lower community panel. */
.osb .osb-explainer { margin: 28px 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.osb .osb-explainer summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 0; color: #c8cbd3; font-weight: 700; cursor: pointer; list-style: none; }
.osb .osb-explainer summary::-webkit-details-marker { display: none; }
.osb .osb-explainer[open] summary svg { transform: rotate(180deg); }
.osb .osb-explainer p + p { margin-top: 12px; }
.osb .osb-community { min-width: 0; margin-top: 28px; padding: 16px; border-radius: 16px; background: var(--panel); }
.osb .osb-community-header { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 16px; }
.osb .osb-community-tabs { display: flex; gap: 0; margin: -16px -16px 0; max-width: calc(100% + 32px); }
.osb .osb-community-tabs > button { flex: 1 1 180px; min-width: 140px; min-height: 58px; padding: 12px 24px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; color: #949aa7; font-size: 13px; font-weight: 800; }
.osb .osb-community-tabs > button:first-child { border-radius: 16px 0 0; }
.osb .osb-community-tabs > button.active { border-bottom-color: var(--blue); color: var(--blue); background: #202126; }
.osb .osb-community-periods { display: flex; align-items: center; gap: 8px; max-width: 100%; }
.osb .osb-community-periods > button { min-height: 36px; padding: 8px 16px; border: 0; border-radius: 24px; background: none; color: #c4c6cd; font-size: 11px; font-weight: 700; }
.osb .osb-community-periods > button.active { background: #29434d; color: #d7f3ff; }
.osb .osb-community .osb-ranking { min-width: 0; }
.osb .osb-ranking-table, .osb .osb-history-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-variant-numeric: tabular-nums; }
.osb .osb-ranking-table th, .osb .osb-history-table th { height: 50px; padding: 12px 16px; background: #23242a; color: #9a9da7; font-size: 11px; font-weight: 600; text-align: left; }
.osb .osb-ranking-table td, .osb .osb-history-table td { height: 52px; padding: 10px 16px; border-bottom: 1px solid #25272d; color: #dedfe5; font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
.osb .osb-ranking-table tr:last-child td, .osb .osb-history-table tr:last-child td { border-bottom: 0; }
.osb .osb-community .osb-ranking-row { display: table-row; margin: 0; padding: 0; border-radius: 0; background: none; }
.osb .osb-ranking-table th:first-child, .osb .osb-ranking-place { width: 80px; text-align: center; }
.osb .osb-ranking-table th:nth-child(2) { width: 42%; }
.osb .osb-ranking-place > span { display: inline-grid; place-items: center; min-width: 28px; font-size: 18px; font-weight: 900; color: #aab3c3; }
.osb .osb-ranking-place .osb-gold { color: #e1bc6b !important; }
.osb .osb-ranking-row:nth-child(2) .osb-ranking-place > span { color: #c9d0d7; }
.osb .osb-ranking-row:nth-child(3) .osb-ranking-place > span { color: #b38b73; }
.osb .osb-ranking-player > .osb-player-avatar { display: inline-grid; vertical-align: middle; width: 32px; height: 32px; margin-right: 12px; border: 0; overflow: hidden; background: #29313c; border-radius: 50%; }
.osb .osb-ranking-player .osb-player-avatar img { width: 100%; height: 100%; object-fit: cover; }
.osb .osb-ranking-player > strong { display: inline; font-size: 12px; overflow-wrap: anywhere; }
.osb .osb-ranking-winnings, .osb .osb-history-prize { color: var(--blue) !important; font-weight: 800; }
.osb .osb-history-table-wrap { max-width: 100%; }
.osb .osb-history-table th:first-child { width: 13%; }
.osb .osb-history-table th:nth-child(2) { width: 17%; }
.osb .osb-history-table th:nth-child(3) { width: 9%; }
.osb .osb-history-table th:nth-child(4) { width: 13%; }
.osb .osb-history-table th:nth-child(5) { width: 17%; }
.osb .osb-history-table th:nth-child(6) { width: 20%; }
.osb .osb-history-table th:last-child { width: 11%; text-align: right; }
.osb .osb-history-players { display: flex; align-items: center; gap: 5px; }
.osb .osb-history-players .osb-player-avatar { width: 28px; height: 28px; flex: 0 0 28px; border: 1px solid #3c424b; border-radius: 50%; overflow: hidden; background: #2b3039; }
.osb .osb-history-players .osb-player-avatar img { width: 100%; height: 100%; object-fit: cover; }
.osb .osb-history-players .is-winner { border-color: var(--osb-ready); }
.osb .osb-history-action { text-align: right; }
.osb .osb-history-view { min-height: 34px; width: 42px; border: 1px solid #454950; background: none; }
.osb .osb-history-more, .osb .osb-community-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 18px; }
.osb .osb-community-pagination button { width: 34px; min-height: 34px; border: 1px solid #3c4048; border-radius: 6px; background: var(--surface); }
.osb .osb-community-pagination > span { color: var(--muted); font-size: 12px; }
.osb .osb-community-error { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; margin-bottom: 16px; border: 1px solid #693d45; border-radius: 8px; color: #efb6bd; }
.osb .osb-community-error button { min-height: 34px; padding: 6px 12px; border: 0; border-radius: 6px; background: #3b2a32; }
.osb .osb-community-refreshing { display: block; margin: 0 0 12px; color: var(--muted); font-size: 11px; }

/* Creator: open artwork, compact configuration, two-column selected slots. */
.osb .osb-subheading { gap: 12px; margin: 0 0 20px; }
.osb .osb-subheading h2 { font-size: 19px; }
.osb .osb-creator { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; min-width: 0; margin: 0; padding: 0; border: 0; }
.osb .osb-creator > * { min-width: 0; }
.osb .osb-catalog { padding: 0; border: 0; border-radius: 0; background: none; }
.osb .osb-catalog-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; padding: 10px; border-radius: 12px; background: var(--panel); }
.osb .osb-catalog-toolbar .osb-search { min-width: 110px; flex: 1 1 170px; border-color: #383a43; background: var(--surface); }
.osb .osb-catalog-toolbar input, .osb .osb-catalog-toolbar select { min-height: 40px; font-size: 11px; }
.osb .osb-catalog-toolbar select { flex: 1 1 140px; width: 140px; }
.osb .osb-catalog-price { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 4px 2px 14px; margin-bottom: 8px; border: 0; }
.osb .osb-catalog-price > label { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; }
.osb .osb-catalog-price input:not([type="checkbox"]) { width: 75px; min-height: 34px; padding: 7px; }
.osb .osb-catalog-price > .osb-checkbox { margin-left: auto; }
.osb .osb-case-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 8px; }
.osb .osb-case-card { padding: 10px 5px 12px; border: 1px solid transparent; border-radius: 12px; background: transparent; }
.osb .osb-case-card:hover { background: #1c1e24; border-color: transparent; }
.osb .osb-case-card.is-selected { border-color: #45616c; background: #1d282f; }
.osb .osb-case-art { height: 155px; padding: 2px; }
.osb .osb-case-art img { max-width: 100%; object-fit: contain; }
.osb .osb-case-card h3 { margin: 8px 0 4px; font-size: 12px; }
.osb .osb-case-card > strong { font-size: 13px; color: #e3e6ec; }
.osb .osb-case-info { top: 8px; right: 8px; width: 28px; min-height: 28px; padding: 5px; border-radius: 50%; background: #263b46; color: var(--blue) !important; }
.osb .osb-case-add { gap: 5px; margin-top: 9px; }
.osb .osb-case-add .osb-quiet { min-height: 29px; padding: 5px 9px; background: #282c34; font-size: 10px !important; }
.osb .osb-case-add .osb-icon { width: 28px; min-height: 29px; }
.osb .osb-setup { position: sticky; top: 16px; padding: 16px; border: 0; border-radius: 13px; background: var(--panel); }
.osb .osb-setup-title { gap: 8px; padding-bottom: 14px; }
.osb .osb-setup-title h2 { font-size: 15px; }
.osb .osb-field-label { margin-bottom: 6px; color: #979da9; font-size: 10px; }
.osb .osb-segment { gap: 2px; padding: 3px; border: 0; border-radius: 6px; background: #24262c; }
.osb .osb-segment button { min-width: 0; min-height: 32px; padding: 7px 10px; border-radius: 4px; font-size: 11px; }
.osb .osb-segment button.active { background: #344953; color: var(--blue); }
.osb .osb-players-choice { margin-bottom: 12px; }
.osb .osb-bots-config { padding: 4px 0 12px; }
.osb .osb-stepper { gap: 10px; background: #24262c; }
.osb .osb-stepper button { width: 28px; height: 28px; background: #30333b; }
.osb .osb-create-controls { display: grid; grid-template-columns: .85fr .95fr 1.5fr; gap: 8px; margin-bottom: 12px; }
.osb .osb-control-group { min-width: 0; }
.osb .osb-control-group > label, .osb .osb-control-group > span { display: block; margin-bottom: 7px; color: var(--muted); font-size: 10px; }
.osb .osb-control-group .osb-segment { margin: 0; }
.osb .osb-control-group .osb-segment button { padding: 6px 5px; font-size: 10px; }
.osb .osb-control-group:last-child .osb-segment button { padding-right: 3px; padding-left: 3px; font-size: 9px; white-space: normal; line-height: 1.25; }
.osb .osb-control-group .osb-segment button svg { display: none; }
.osb .osb-option { gap: 8px !important; min-height: 42px; margin-top: 6px; padding: 9px 10px; background: #25272e; border: 1px solid transparent; border-radius: 6px; }
.osb .osb-option b { color: #d9dce4; font-size: 11px; }
.osb .osb-option.active { border-color: #3a6473; background: #23343d; }
.osb .osb-mode-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.osb .osb-mode-options .osb-option { margin: 0; padding: 9px 7px; }
.osb .osb-mode-options .osb-option > span { min-width: 0; }
.osb .osb-mode-options .osb-option b { white-space: normal; font-size: 10px; line-height: 1.25; }
.osb .osb-mode-options .osb-option small { display: none; }
.osb .osb-mode-options .osb-switch { width: 27px; height: 16px; }
.osb .osb-mode-options .osb-switch::after { width: 10px; height: 10px; }
.osb .osb-mode-options .osb-switch.on::after { transform: translateX(11px); }
.osb .osb-mode-options .osb-option > svg { width: 15px; height: 15px; }
.osb .osb-selected-heading { margin: 18px 0 9px; font-size: 10px; }
.osb .osb-selected { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; max-height: 360px; overflow-y: auto; padding: 1px; }
.osb .osb-selected .osb-selected-case { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr); align-content: center; gap: 6px; min-width: 0; min-height: 98px; padding: 17px 8px 8px; border: 0; border-radius: 7px; background: #24262d; }
.osb .osb-selected .osb-selected-case > span:first-child { position: absolute; top: 5px; left: 8px; min-width: 0; color: #8e97a7; font-size: 9px; }
.osb .osb-selected-case > img { width: 46px; height: 46px; }
.osb .osb-selected-case b { font-size: 10px; }
.osb .osb-selected-case small { font-size: 10px; color: #f1f2f5; }
.osb .osb-selected-case > .osb-icon { width: 23px; min-height: 23px; justify-self: end; padding: 0; background: none; }
.osb .osb-selected-quantity { display: flex; align-items: center; justify-content: space-between; gap: 3px; grid-column: 1 / -1; padding: 2px 4px; border-radius: 5px; background: #1c1f25; }
.osb .osb-selected-quantity button { width: 27px; min-height: 24px; padding: 0; border: 0; background: none; font-size: 15px; }
.osb .osb-selected-quantity b, .osb .osb-selected-quantity > span { font-size: 10px; }
.osb .osb-selected-order { position: absolute; top: 2px; right: 3px; display: flex; gap: 1px; }
.osb .osb-selected-order button, .osb .osb-selected-order .osb-icon { width: 22px; min-height: 22px; padding: 0; border: 0; background: none; font-size: 12px !important; }
.osb .osb-selected-placeholder { min-height: 98px; padding: 10px; border: 1px dashed #393e48; background: #21232a; border-radius: 7px; font-size: 10px; text-align: center; }
.osb .osb-selection-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 13px; color: var(--muted); font-size: 10px; }
.osb .osb-selection-tools label { display: inline-flex; align-items: center; gap: 5px; }
.osb .osb-selection-tools input[type="checkbox"] { width: 15px; height: 15px; min-height: 15px; flex-basis: 15px; }
.osb .osb-selection-tools button { min-height: 28px; padding: 5px 7px; border: 0; background: none; color: #b8becb; font-size: 10px; }
.osb .osb-setup-total { margin-top: 14px; padding-top: 14px; border-top-color: #33363e; }
.osb .osb-setup-total > b { font-size: 22px; }
.osb .osb-setup-caption { margin: 6px 0 12px; font-size: 10px; }

/* Player lanes keep the 240px reel pitch used by the existing animation code. */
.osb .osb-room-heading { gap: 14px; margin: 0 0 24px; }
.osb .osb-room-heading > div { min-width: 0; }
.osb .osb-room-heading h2 { font-size: 21px; white-space: nowrap; }
.osb .osb-room-heading h2 span { color: #e1e5ed; font-size: inherit; }
.osb .osb-room-summary { gap: 22px; margin-bottom: 20px; padding: 16px 22px; min-height: 84px; border: 0; border-radius: 14px; background: var(--panel); }
.osb .osb-room-summary > div > b { font-size: 18px; }
.osb .osb-round-strip { min-width: 0; overflow: auto; scrollbar-width: thin; }
.osb .osb-round-strip > span { flex: 0 0 62px; width: 62px; height: 54px; border-color: transparent; background: transparent; opacity: .7; }
.osb .osb-round-strip > span.active { border-color: #436877; background: #23343b; }
.osb .osb-room-summary .osb-quiet { flex-shrink: 0; background: none; color: var(--blue) !important; }
.osb .osb-arena { gap: 14px; border: 0; border-radius: 0; background: none; overflow: visible; }
.osb .osb-player-column { min-width: 0; border: 0; border-radius: 14px; background: var(--panel); overflow: hidden; }
.osb .osb-ready-area, .osb .osb-outcome { height: 340px; min-height: 340px; padding: 22px 16px; background: #1e1f24; }
.osb .osb-ready-area { gap: 15px; }
.osb .osb-ready-area > b { font-size: 15px; font-weight: 800; text-transform: uppercase; }
.osb .osb-ready-area > small { color: #9ca4b0; font-size: 11px; }
.osb .osb-ready-mark, .osb .osb-wait-mark { width: 100px; height: 112px; margin: 0; color: var(--osb-ready); background: #244436; }
.osb .osb-wait-mark { color: var(--blue); background: #293f4a; }
.osb .osb-outcome { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; text-align: center; }
.osb .osb-outcome-label { order: -1; color: var(--osb-loss); font-size: 16px; font-weight: 900; text-transform: uppercase; }
.osb .is-winner .osb-outcome-label { color: var(--osb-ready); }
.osb .osb-outcome-emblem { position: relative; display: grid; place-items: center; width: 110px; height: 122px; background: #4a2a28; color: var(--osb-loss); clip-path: polygon(50% 0, 97% 25%, 97% 75%, 50% 100%, 3% 75%, 3% 25%); }
.osb .osb-outcome-emblem::before { content: ''; position: absolute; inset: 13px; background: #232226; clip-path: inherit; }
.osb .osb-outcome-emblem svg { position: relative; z-index: 1; width: 44px; height: 44px; }
.osb .is-winner .osb-outcome-emblem { background: #254a37; color: var(--osb-ready); }
.osb .is-winner .osb-outcome-emblem::before { background: #1e2b24; }
.osb .osb-outcome-value { order: 1; max-width: 100%; color: #f1f2f5; font-size: 26px; font-weight: 800; overflow-wrap: anywhere; }
.osb .osb-outcome-value small, .osb .osb-outcome > small { display: block; margin-bottom: 7px; color: #a6acb7; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.osb .osb-outcome > span { max-width: 100%; color: #9ca4b0; font-size: 11px; line-height: 1.5; }
.osb .osb-reel-window { height: 340px; background: #1e1f24; }
.osb .osb-reel-window::before, .osb .osb-reel-window::after { height: 42px; background: none; }
.osb .osb-reel { top: 50px; }
.osb .osb-reel-item { height: 240px; }
.osb .osb-skin-halo { opacity: .45; }
.osb .osb-cube { opacity: .065; }
.osb .osb-pointer { filter: none; }
.osb .osb-player { gap: 10px; min-height: 76px; padding: 14px 16px; border-top: 1px solid #2a2d34; background: #1b1c21; }
.osb .osb-player > img, .osb .osb-player-avatar { width: 38px; height: 38px; flex: 0 0 38px; border: 0; }
.osb .osb-player strong { font-size: 12px; }
.osb .osb-player small, .osb .osb-player span { font-size: 9px; }
.osb .osb-player > b { font-size: 13px; white-space: nowrap; }
.osb .is-winner .osb-player { background: #1c2923; }
.osb .is-loser .osb-player { background: #242023; }
.osb .osb-client-seed { padding: 11px 10px; border-top: 1px solid #292c33; border-radius: 0 0 12px 12px; background: #1a1c21; color: #9ca3b0; font-size: 9px; text-align: center; overflow-wrap: anywhere; }
.osb .osb-drops { gap: 8px; padding: 12px; }
.osb .osb-drops > article { background: #24252c; border-radius: 8px; }
.osb .osb-room-footer { gap: 8px; flex-wrap: wrap; }
.osb .osb-room-footer > span { min-width: 0; line-height: 1.5; }

/* Dialogs and the large result view. .is-result is supplied by App.vue. */
.osb .osb-modal-layer { padding: 20px; background: rgb(7 9 13 / 82%); backdrop-filter: blur(3px); }
.osb .osb-modal { min-width: 0; max-height: 90vh; max-height: 90dvh; padding: 24px; border: 1px solid #30343c; background: #1b1c21; border-radius: 14px; box-shadow: 0 18px 64px #0005; }
.osb .osb-modal-heading { gap: 14px; margin-bottom: 20px; }
.osb .osb-modal-heading h2 { min-width: 0; font-size: 20px; }
.osb .osb-modal-large { width: 980px; }
.osb .osb-contents-case { gap: 16px; background: #24262c; }
.osb .osb-contents-case > div { min-width: 0; }
.osb .osb-content-card { border-radius: 10px; background: #25252d; }
.osb .osb-content-front { padding: 14px; }
.osb .osb-content-back { background: #202229fa; }
.osb .osb-proof code, .osb .osb-proof pre { max-width: 100%; overflow-wrap: anywhere; }
.osb .osb-modal-layer.is-result { padding: 16px; background: rgb(14 15 19 / 97%); backdrop-filter: none; }
.osb .osb-modal-result {
  position: relative;
  width: min(1280px, 100%);
  height: calc(100vh - 32px);
  height: calc(100dvh - 32px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  padding: 24px 40px 112px;
  border: 0;
  border-radius: 12px;
  background: #17181d;
  box-shadow: none;
  animation: none;
  transform: none;
  overscroll-behavior: contain;
}
.osb .osb-modal-result .osb-modal-heading { margin-bottom: 12px; }
.osb .osb-result-title { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center; gap: 10px 16px; margin: 0 auto 22px; max-width: 820px; text-align: center; }
.osb .osb-result-trophy { display: grid; place-items: center; width: 40px; height: 40px; margin: 0; padding: 7px; border: 0; border-radius: 10px; background: #263b45; color: var(--blue); box-shadow: none; }
.osb .osb-result-trophy svg { width: 28px; height: 28px; }
.osb .osb-result-title p { font-size: 10px; letter-spacing: .7px; }
.osb .osb-result-title h3 { font-size: 19px; overflow-wrap: anywhere; }
.osb .osb-result-title > b { font-size: 24px; }
.osb .osb-result-title > span { flex-basis: 100%; font-size: 11px; }
.osb .osb-result-players { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 1040px; margin: 0 auto 26px; }
.osb .osb-result-player { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; gap: 3px 10px; min-width: 0; padding: 12px; border: 1px solid transparent; border-radius: 11px; background: #202126; }
.osb .osb-result-player.is-winner { border-color: #365c45; background: #1e2a23; }
.osb .osb-result-player > img { grid-row: 1 / 3; width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.osb .osb-result-player > strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.osb .osb-result-player > span { grid-column: 2; grid-row: 2; color: var(--osb-loss); font-size: 10px; }
.osb .osb-result-player.is-winner > span { color: var(--osb-ready); }
.osb .osb-result-player > small { grid-column: 3; color: #969ca8; font-size: 9px; text-align: right; }
.osb .osb-result-player > small b { display: block; color: #e1e5ed; font-size: 12px; }
.osb .osb-result-items-title { margin: 0 0 14px; color: #a3a9b6; font-size: 12px; font-weight: 600; }
.osb .osb-result-items { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-height: none; overflow: visible; }
.osb .osb-result-items > article { display: flex; flex-direction: column; min-width: 0; min-height: 270px; padding: 18px; border: 1px solid #35343d; border-bottom: 3px solid var(--rarity); border-radius: 18px; background: #25212b; }
.osb .osb-result-items img { width: 100%; height: 185px; object-fit: contain; margin-bottom: 12px; }
.osb .osb-result-items b { margin-top: auto; color: var(--rarity); font-size: 14px; white-space: normal; overflow-wrap: anywhere; }
.osb .osb-result-items strong { margin-top: 5px; font-size: 20px; font-weight: 800; }
.osb .osb-result-actions { position: fixed; bottom: 16px; left: 50%; z-index: 3; display: flex; flex-direction: row; justify-content: center; gap: 12px; width: min(1280px, calc(100% - 32px)); margin: 0; padding: 18px 24px; border-top: 1px solid #2a2d34; border-radius: 0 0 12px 12px; background: #17181d; transform: translateX(-50%); }
.osb .osb-result-actions button { min-width: 200px; min-height: 48px; }

@media (max-width: 1200px) and (min-width: 901px) {
  .osb .osb-filters { grid-template-columns: minmax(130px, 1fr) 172px 100px minmax(180px, 1.2fr); }
  .osb .osb-filters > select:not(.osb-scope) { grid-column: 1 / 3; }
  .osb .osb-filters > .osb-checkbox { grid-column: 3; }
  .osb .osb-filters > .osb-reset { grid-column: 4; }
}
@media (max-width: 1100px) {
  .osb .osb-table-labels, .osb .osb-battle-row { grid-template-columns: 64px minmax(150px, 1fr) 110px 190px 155px; }
  .osb .osb-battle-row { padding: 0 12px; }
  .osb .osb-case-strip button { width: 70px; flex-basis: 70px; }
  .osb .osb-case-strip img { height: 85px; }
  .osb .osb-seats-mini { gap: 5px; }
  .osb .osb-seats-mini > span:not(.osb-seat-count) { width: 36px; flex-basis: 36px; height: 40px; }
  .osb .osb-creator { grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; }
  .osb .osb-case-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .osb .osb-case-art { height: 135px; }
  .osb .osb-arena .osb-player { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 4px 8px; padding: 12px; }
  .osb .osb-arena .osb-player > img, .osb .osb-arena .osb-player-avatar { grid-row: 1 / 3; width: 32px; height: 32px; }
  .osb .osb-arena .osb-player > b, .osb .osb-arena[style*="4"] .osb-player > b { grid-column: 2; margin: 0; font-size: 12px; }
}
@media (max-width: 900px) {
  .osb { padding: 20px 20px 44px; }
  .osb .osb-heading { gap: 12px; margin-bottom: 20px; }
  .osb .osb-heading-actions > .osb-primary { min-width: 170px; }
  .osb .osb-filter-mobile { display: flex; justify-content: center; gap: 10px; width: 100%; min-height: 46px; margin: 0 0 16px; background: #23252b; color: var(--blue) !important; font-weight: 800; }
  .osb .osb-filter-mobile svg:last-child { margin-left: auto; }
  .osb .osb-filters { display: none; }
  .osb .osb-filters.is-open { position: fixed; inset: auto 0 0; z-index: 12001; display: flex; flex-direction: column; align-items: stretch; gap: 16px; max-width: none; max-height: 85vh; max-height: 85dvh; min-height: 0; margin: 0; padding: 16px 20px calc(24px + env(safe-area-inset-bottom, 0px)); overflow-y: auto; overscroll-behavior: contain; border: 1px solid #3b3e47; border-bottom: 0; border-radius: 18px 18px 0 0; background: #1e2026; box-shadow: 0 -18px 64px #0008; }
  .osb .osb-filter-backdrop.is-open { display: block; position: fixed; inset: 0; z-index: 12000; width: 100%; max-width: none; height: 100%; padding: 0; border: 0; border-radius: 0; background: #080a10b8; }
  .osb .osb-filters .osb-filter-close { position: sticky; top: 0; z-index: 2; display: inline-flex; align-self: flex-end; flex: 0 0 34px; width: 34px; min-height: 34px; margin: 0; background: #2b2e36; }
  .osb .osb-filters > select, .osb .osb-filters > .osb-reset { flex: 0 0 auto; min-height: 46px; width: 100%; }
  .osb .osb-filters .osb-player-checks { justify-content: flex-start; width: 100%; min-height: 46px; padding-left: 65px; }
  .osb .osb-player-checks legend { width: 60px; font-size: 12px; }
  .osb .osb-filters .osb-filter-toggle { min-height: 38px; gap: 12px; }
  .osb .osb-filter-toggle > span:last-child { width: auto; font-size: 12px; }
  .osb .osb-filters > .osb-checkbox { align-self: stretch; min-height: 38px; }
  .osb .osb-filters > .osb-checkbox > span { font-size: 12px; }
  .osb .osb-price-range { min-height: 54px; padding: 2px 10px; }
  .osb .osb-price-inputs input { min-height: 34px; }
  .osb .osb-table-labels, .osb .osb-battle-row { grid-template-columns: 54px minmax(120px, 1fr) 95px 170px 135px; }
  .osb .osb-table-labels { padding: 0 8px 10px; font-size: 10px; }
  .osb .osb-battle-row { padding: 0 8px; }
  .osb .osb-case-strip { gap: 0; }
  .osb .osb-case-strip button { width: 60px; flex-basis: 60px; }
  .osb .osb-case-strip img { height: 75px; }
  .osb .osb-seats-mini { gap: 4px; }
  .osb .osb-seats-mini > span:not(.osb-seat-count) { width: 32px; height: 36px; flex-basis: 32px; }
  .osb .osb-entry-price { font-size: 13px; }
  .osb .osb-row-actions { gap: 5px; }
  .osb .osb-row-actions > .osb-join { padding: 8px 6px; font-size: 10px !important; }
  .osb .osb-row-actions > .osb-watch { width: 32px; flex-basis: 32px; }
  .osb .osb-creator { grid-template-columns: minmax(0, 1fr) 300px; gap: 14px; }
  .osb .osb-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .osb .osb-case-art { height: 140px; }
  .osb .osb-room-heading { flex-wrap: wrap; }
  .osb .osb-room-heading > div:last-child { margin-left: auto; }
  .osb .osb-room-summary { gap: 12px; padding: 14px; }
  .osb .osb-room-summary > div > b { font-size: 16px; }
  .osb .osb-room-summary .osb-live-state { display: none; }
  .osb .osb-outcome-label { font-size: 13px; }
  .osb .osb-outcome-value { font-size: 22px; }
  .osb .osb-ranking-table th, .osb .osb-ranking-table td, .osb .osb-history-table th, .osb .osb-history-table td { padding: 10px 8px; }
  .osb .osb-history-players { gap: 0; }
  .osb .osb-history-players .osb-player-avatar + .osb-player-avatar { margin-left: -5px; }
  .osb .osb-modal-result { padding: 20px 22px 108px; }
  .osb .osb-result-items { gap: 10px; }
  .osb .osb-result-items > article { min-height: 210px; padding: 12px; border-radius: 12px; }
  .osb .osb-result-items img { height: 125px; }
  .osb .osb-result-items b { font-size: 12px; }
  .osb .osb-result-items strong { font-size: 17px; }
  .osb .osb-result-player { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 3px 7px; padding: 10px; }
  .osb .osb-result-player > img { width: 34px; height: 34px; }
  .osb .osb-result-player > strong { font-size: 11px; }
}
@media (max-width: 650px) {
  .osb { padding: 18px 16px 36px; }
  .osb h1 { font-size: 17px; letter-spacing: -.35px; }
  .osb .osb-heading { min-height: 40px; gap: 8px; margin-bottom: 16px; }
  .osb .osb-heading-title { gap: 5px; }
  .osb .osb-heading-title .osb-icon { width: 20px; min-height: 28px; }
  .osb .osb-heading-title .osb-icon svg { width: 16px; height: 16px; }
  .osb .osb-heading-actions { gap: 5px; max-width: none; flex-wrap: nowrap; }
  .osb .osb-heading-actions > .osb-icon { width: 30px; min-height: 34px; }
  .osb .osb-heading-actions > .osb-primary { min-width: 0; min-height: 38px; padding: 9px 11px; font-size: 10px !important; }
  .osb .osb-heading-actions > .osb-primary svg { display: none; }
  .osb .osb-notice, .osb .osb-preview, .osb .osb-error { flex-wrap: wrap; padding: 10px; margin-bottom: 14px; font-size: 10px; }
  .osb .osb-notice > span { flex: 1 1 230px; }
  .osb .osb-notice button { min-height: 30px; margin-left: 0; font-size: 10px; }
  .osb .osb-filter-mobile { min-height: 44px; font-size: 12px !important; }
  .osb .osb-table-labels { display: none; }
  .osb .osb-battle-list { gap: 9px; }
  .osb .osb-battle-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; grid-template-rows: 40px 84px 38px; gap: 8px; min-height: 204px; padding: 12px; border-radius: 15px; }
  .osb .osb-rounds { grid-column: 1; grid-row: 1; align-self: start; }
  .osb .osb-rounds > span { width: 32px; height: 32px; font-size: 19px; }
  .osb .osb-entry-price { grid-column: 2; grid-row: 1; align-self: start; padding-top: 8px; text-align: left; font-size: 12px; }
  .osb .osb-seats-mini { grid-column: 3; grid-row: 1; justify-content: flex-end; gap: 4px; min-height: 0; padding: 0; }
  .osb .osb-seats-mini > .osb-seat-count { display: none; }
  .osb .osb-seats-mini > span:not(.osb-seat-count) { width: 30px; height: 34px; flex-basis: 30px; border-radius: 7px; }
  .osb .osb-seats-mini img { border-radius: 6px; }
  .osb .osb-row-cases { grid-column: 1 / -1; grid-row: 2; padding: 0; }
  .osb .osb-row-badges { top: -2px; left: 0; }
  .osb .osb-row-badges > span { padding: 3px 4px; font-size: 8px; }
  .osb .osb-case-strip { min-height: 84px; max-width: 100%; gap: 2px; overflow: hidden; }
  .osb .osb-case-strip button { width: 63px; flex-basis: 63px; }
  .osb .osb-case-strip img { height: 80px; }
  .osb .osb-row-actions { grid-column: 1 / -1; grid-row: 3; align-self: end; gap: 8px; width: 100%; }
  .osb .osb-row-actions > .osb-join { flex: 0 1 auto; min-width: 112px; max-width: calc(100% - 46px); min-height: 38px; padding: 8px 12px; font-size: 11px !important; }
  .osb .osb-row-actions > .osb-watch { width: 38px; flex-basis: 38px; min-height: 38px; }
  .osb .osb-empty { min-height: 230px; padding: 26px 12px; }
  .osb .osb-empty h3 { font-size: 17px; }
  .osb .osb-empty p { font-size: 12px; }
  .osb .osb-community { margin-top: 22px; padding: 12px; border-radius: 13px; }
  .osb .osb-community-tabs { width: calc(100% + 24px); max-width: none; margin: -12px -12px 0; }
  .osb .osb-community-tabs > button { min-width: 0; min-height: 54px; padding: 10px 8px; font-size: 12px; }
  .osb .osb-community-tabs > button svg { width: 16px; }
  .osb .osb-community-periods { gap: 3px; width: 100%; }
  .osb .osb-community-periods > button { flex: 1; padding: 8px 6px; font-size: 10px; }
  .osb .osb-ranking-table th, .osb .osb-ranking-table td, .osb .osb-history-table th, .osb .osb-history-table td { padding: 10px 4px; font-size: 10px; }
  .osb .osb-ranking-table th:first-child { width: 30px; }
  .osb .osb-ranking-table th:nth-child(2) { width: 49%; }
  .osb .osb-ranking-table th:nth-child(3) { width: 16%; }
  .osb .osb-ranking-table th:last-child { width: 25%; }
  .osb .osb-ranking-table th:nth-child(4), .osb .osb-ranking-table td:nth-child(4) { display: none; }
  .osb .osb-ranking-player > .osb-player-avatar { width: 25px; height: 25px; margin-right: 6px; }
  .osb .osb-ranking-player > strong { font-size: 10px; }
  .osb .osb-ranking-place > span { font-size: 15px; min-width: 20px; }
  .osb .osb-history-table th:nth-child(1), .osb .osb-history-table td:nth-child(1), .osb .osb-history-table th:nth-child(3), .osb .osb-history-table td:nth-child(3), .osb .osb-history-table th:nth-child(5), .osb .osb-history-table td:nth-child(5) { display: none; }
  .osb .osb-history-table th:nth-child(2) { width: 29%; }
  .osb .osb-history-table th:nth-child(4) { width: 23%; }
  .osb .osb-history-table th:nth-child(6) { width: 33%; }
  .osb .osb-history-table th:nth-child(7) { width: 15%; }
  .osb .osb-history-time { white-space: normal; }
  .osb .osb-history-players .osb-player-avatar { width: 24px; height: 24px; flex-basis: 24px; }
  .osb .osb-history-view { width: 32px; min-height: 32px; padding: 0; }
  .osb .osb-history-view svg { width: 16px; }
  .osb .osb-history-view-label { font-size: 9px; }
  .osb .osb-subheading { flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
  .osb .osb-subheading h2 { font-size: 16px; }
  .osb .osb-subheading > span { font-size: 10px; }
  .osb .osb-subheading > .osb-quiet { min-height: 34px; padding: 8px 10px; font-size: 10px !important; }
  .osb .osb-creator { display: flex; flex-direction: column-reverse; gap: 18px; width: 100%; }
  .osb .osb-setup { position: static; width: 100%; padding: 14px; }
  .osb .osb-catalog { width: 100%; padding: 0; }
  .osb .osb-catalog-toolbar { gap: 7px; padding: 8px; }
  .osb .osb-catalog-toolbar .osb-search { flex-basis: 100%; }
  .osb .osb-catalog-toolbar select { flex: 1 1 115px; min-width: 0; width: 115px; font-size: 10px; }
  .osb .osb-catalog-price { gap: 9px; }
  .osb .osb-catalog-price > label { font-size: 9px; }
  .osb .osb-catalog-price > .osb-checkbox { flex-basis: 100%; margin-left: 0; }
  .osb .osb-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 6px; }
  .osb .osb-case-art { height: 140px; }
  .osb .osb-case-card h3 { font-size: 11px; }
  .osb .osb-case-card > strong { font-size: 12px; }
  .osb .osb-selected { max-height: 235px; }
  .osb .osb-selected .osb-selected-case { min-height: 96px; }
  .osb .osb-setup-title { padding-bottom: 12px; }
  .osb .osb-room-heading { display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin: 0 0 16px; }
  .osb .osb-room-heading > div:last-child { width: 100%; margin-left: 0; justify-content: flex-start; }
  .osb .osb-room-heading h2 { font-size: 17px; }
  .osb .osb-room-heading .osb-quiet, .osb .osb-room-heading .osb-primary { min-height: 36px; padding: 8px 10px; font-size: 10px !important; }
  .osb .osb-room-summary { gap: 12px; padding: 12px; border-radius: 11px; }
  .osb .osb-room-summary > .osb-round-strip { order: 3; flex-basis: 100%; }
  .osb .osb-round-strip > span { width: 52px; height: 48px; flex-basis: 52px; }
  .osb .osb-room-summary > div > b { font-size: 15px; }
  .osb .osb-room-summary > .osb-quiet { margin-left: auto; min-height: 32px; padding: 5px 6px; font-size: 10px !important; }
  .osb .osb-arena { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .osb .osb-arena[style*="3"] .osb-player-column:last-child { grid-column: 1 / -1; }
  .osb .osb-ready-area, .osb .osb-outcome { height: 265px; min-height: 265px; gap: 14px; padding: 16px 10px; }
  .osb .osb-ready-area > b { font-size: 11px; }
  .osb .osb-ready-area > small { font-size: 9px; }
  .osb .osb-ready-area button { max-width: 100%; padding: 8px; white-space: normal; }
  .osb .osb-ready-mark, .osb .osb-wait-mark { width: 76px; height: 86px; }
  .osb .osb-outcome-label { font-size: 12px; }
  .osb .osb-outcome-emblem { width: 80px; height: 92px; }
  .osb .osb-outcome-emblem::before { inset: 10px; }
  .osb .osb-outcome-emblem svg { width: 33px; height: 33px; }
  .osb .osb-outcome-value { font-size: 20px; }
  .osb .osb-reel-window { height: 290px; }
  .osb .osb-reel { top: 25px; }
  .osb .osb-arena .osb-player { min-height: 76px; padding: 10px 8px; grid-template-columns: 28px minmax(0, 1fr); gap: 3px 7px; }
  .osb .osb-arena .osb-player > img, .osb .osb-arena .osb-player-avatar { width: 28px; height: 28px; }
  .osb .osb-player strong { font-size: 10px; }
  .osb .osb-arena .osb-player > b, .osb .osb-arena[style*="4"] .osb-player > b { font-size: 12px; margin: 0; }
  .osb .osb-drops { gap: 6px; padding: 8px; }
  .osb .osb-drops > article { padding: 8px; }
  .osb .osb-drops img { height: 65px; }
  .osb .osb-client-seed { padding: 10px 6px; font-size: 8px; }
  .osb .osb-room-footer { justify-content: flex-start; }
  .osb .osb-room-footer > span { flex-basis: 100%; margin-bottom: 2px; font-size: 10px; }
  .osb .osb-room-footer > button { min-height: 34px; padding: 7px 10px; font-size: 10px !important; }
  .osb .osb-modal-layer { padding: 10px; }
  .osb .osb-modal { width: 100%; padding: 16px; border-radius: 12px; }
  .osb .osb-modal-heading h2 { font-size: 17px; }
  .osb .osb-contents-case { flex-wrap: wrap; gap: 10px; padding: 10px; }
  .osb .osb-contents-case > .osb-primary { min-height: 34px; padding: 7px 10px; font-size: 10px !important; }
  .osb .osb-contents-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .osb .osb-modal-layer.is-result { padding: 8px; }
  .osb .osb-modal-result { width: 100%; height: calc(100vh - 16px); height: calc(100dvh - 16px); max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); padding: 16px 14px 100px; border-radius: 10px; }
  .osb .osb-modal-result .osb-modal-heading { margin-bottom: 16px; }
  .osb .osb-result-title { gap: 7px 10px; margin-bottom: 18px; }
  .osb .osb-result-title p { font-size: 9px; }
  .osb .osb-result-title h3 { font-size: 16px; }
  .osb .osb-result-title > b { font-size: 20px; }
  .osb .osb-result-title > span { font-size: 10px; }
  .osb .osb-result-players { display: flex; gap: 8px; margin-bottom: 22px; padding-bottom: 8px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; }
  .osb .osb-result-player { flex: 0 0 270px; scroll-snap-align: start; }
  .osb .osb-result-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .osb .osb-result-items > article { min-height: 220px; padding: 12px; border-radius: 12px; }
  .osb .osb-result-items img { height: 135px; margin-bottom: 9px; }
  .osb .osb-result-items b { font-size: 12px; }
  .osb .osb-result-items strong { font-size: 17px; }
  .osb .osb-result-actions { bottom: 8px; width: calc(100% - 16px); padding: 12px 14px calc(12px + env(safe-area-inset-bottom, 0px)); gap: 8px; border-radius: 0 0 10px 10px; }
  .osb .osb-result-actions button { flex: 1; min-width: 0; min-height: 44px; padding: 8px; font-size: 10px !important; white-space: normal; }
  .osb .osb-toast { max-width: calc(100% - 32px); white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 370px) {
  .osb { padding-right: 12px; padding-left: 12px; }
  .osb .osb-heading-actions > .osb-icon { display: none; }
  .osb h1 { font-size: 16px; }
  .osb .osb-seats-mini { gap: 3px; }
  .osb .osb-seats-mini > span:not(.osb-seat-count) { width: 27px; height: 31px; flex-basis: 27px; }
  .osb .osb-create-controls { gap: 5px; }
  .osb .osb-control-group .osb-segment button { padding-right: 3px; padding-left: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .osb *, .osb *::before, .osb *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}