.bn-page{min-height:100dvh}.bn-bg{position:fixed;inset:0 0 auto;z-index:-1;height:62vh;overflow:hidden}.bn-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.34;filter:saturate(1.05) blur(2px);transform:scale(1.03)}.bn-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(var(--bg-rgb)/.35),var(--bg) 96%)}:root[data-theme=light] .bn-bg img{opacity:.22}.spin--lg{width:30px;height:30px;border-width:3px;color:var(--lime-text)}.bn-top{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;min-height:70px;padding:12px 24px;background:rgb(var(--bg-rgb)/.72);border-bottom:1px solid var(--line);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.bn-top__brand{display:block;border-radius:12px}.bn-top__mark{width:40px;height:40px}.bn-top__crumb{display:grid;min-width:0;line-height:1.25}.bn-top__crumb b{font-family:var(--font-display);font-size:16px;font-weight:600;white-space:nowrap}.bn-top__crumb span{font-size:12.5px;color:var(--text-3);white-space:nowrap}.bn-top__right{gap:10px;margin-left:auto}.bn-guest,.bn-top__right{display:flex;align-items:center;min-width:0}.bn-guest{gap:9px;padding:4px 12px 4px 4px;border-radius:12px;background:var(--surface);border:1px solid var(--line-2)}.bn-guest img{width:34px;height:34px;flex:none;border-radius:50%;object-fit:cover}.bn-guest span{display:grid;min-width:0;line-height:1.25}.bn-guest b{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bn-guest small{font-size:11.5px;color:var(--text-3);white-space:nowrap}.bn-view{display:block;width:100%;max-width:1320px;margin:0 auto;padding:22px 24px 96px;outline:none}.bn-state{display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:90px 20px;text-align:center}.bn-state h1{font-family:var(--font-display);font-size:26px;font-weight:600}.bn-state p{max-width:46ch;color:var(--text-2);overflow-wrap:anywhere}.bn-state__icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;color:var(--danger-text);background:rgba(255,92,122,.12);border:1px solid rgba(255,92,122,.3)}.bn-state__icon svg{width:26px;height:26px}.bn-state__acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}.bn-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:300px;padding:28px 40px;border-radius:var(--r-xl);background:url(/assets/games/bombernow/hero.jpg) 42% 50%/cover no-repeat;box-shadow:0 0 0 1px rgb(255 255 255/.08),0 30px 70px -40px #000}.bn-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(8 7 12/.95),rgb(8 7 12/.84) 38%,rgb(8 7 12/.25) 66%,rgb(8 7 12/0) 82%),linear-gradient(0deg,rgb(8 7 12/.6),transparent 45%)}.bn-hero__body{display:grid;grid-gap:14px;gap:14px;max-width:640px;color:#fff}.bn-hero__logo{width:auto;height:118px;filter:drop-shadow(0 6px 18px rgb(0 0 0/.55))}.bn-hero__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;font-weight:600;color:rgb(255 255 255/.86)}.bn-hero__meta span{display:inline-flex;align-items:center;gap:7px}.bn-hero__meta svg{width:17px;height:17px;color:var(--lime)}.bn-hero__acts{flex-wrap:wrap;gap:10px;margin-top:4px}.bn-hero__acts,.bn-hero__note{display:flex;align-items:center}.bn-hero__note{gap:8px;font-size:13.5px;color:#ffd36b}.bn-hero__note svg{width:16px;height:16px}.code-form{display:flex;gap:6px;padding:4px;border-radius:16px;background:rgb(255 255 255/.08);border:1px solid rgb(255 255 255/.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.code-form input{width:128px;height:44px;padding:0 14px;border:0;border-radius:12px;outline:none;background:transparent;color:#fff;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.code-form input::placeholder{color:rgb(255 255 255/.55);font-weight:500;letter-spacing:.02em;text-transform:none}.code-form input:focus{box-shadow:inset 0 0 0 2px var(--lime)}.code-form .btn{border:0}.bn-rooms{display:grid;grid-gap:14px;gap:14px;margin-top:28px}.bn-rooms__head{display:flex;align-items:center;gap:10px}.bn-rooms__head h1{font-size:22px}.bn-rooms__head h1,.bn-sub{font-family:var(--font-display);font-weight:600}.bn-sub{margin-bottom:10px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.bn-nores{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;font-size:14px;color:var(--text-2);background:var(--surface);border:1px solid var(--line-2)}.bn-nores svg{width:18px;height:18px;flex:none;color:var(--text-3)}.bn-nores b{color:var(--text)}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:12px;gap:12px}.room-grid--found{margin-bottom:18px}.bn-empty,.bn-loading{grid-column:1/-1;display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:48px 16px;border-radius:18px;text-align:center;color:var(--text-3);border:1px dashed var(--line-2)}.bn-loading{display:flex;justify-content:center;align-items:center;gap:10px}.bn-empty svg{width:30px;height:30px}.bn-empty b{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text)}.room-card{display:grid;grid-template-columns:124px minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:10px;border-radius:18px;background:linear-gradient(180deg,rgb(var(--surf-hi-rgb)/.92),rgb(var(--surf-lo-rgb)/.92));border:1px solid var(--line);transition:border-color .2s,transform .25s var(--ease-out)}.room-card:hover{border-color:var(--line-3);transform:translateY(-2px)}.room-card.is-full{opacity:.72}.room-card__art{position:relative;display:block;height:84px;border-radius:12px;overflow:hidden;background:#120e1c}.room-card__art img{width:100%;height:100%;object-fit:cover}.room-card__art em{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 5px;font-family:var(--font-display);font-size:11.5px;font-weight:600;font-style:normal;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(0deg,rgb(8 7 12/.86),transparent)}.room-card__info{display:grid;grid-gap:5px;gap:5px;min-width:0}.room-card__top{display:flex;align-items:center;gap:8px;min-width:0}.room-card__top b{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card__lock{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:11.5px;font-weight:700;color:var(--accent-text)}.room-card__lock svg{width:13px;height:13px}.room-card__meta{display:flex;align-items:center;gap:12px}.code-mini{font-family:var(--font-display);font-size:12.5px;font-weight:600;letter-spacing:.08em;color:var(--text-2)}.timer-mini{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer-mini svg{width:13px;height:13px}.is-low{color:var(--danger-text);font-weight:700}.room-card__seats{display:flex;align-items:center;gap:4px}.room-card__seats i{width:14px;height:5px;border-radius:3px;background:rgb(var(--fg-rgb)/.12)}.room-card__seats i.is-in{background:var(--lime)}:root[data-theme=light] .room-card__seats i.is-in{background:#84b816}.room-card__seats b{margin-left:5px;font-family:var(--font-display);font-size:12.5px;font-weight:600;color:var(--text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.room-card__note{grid-column:1/-1;font-size:12px;color:var(--text-3)}.room-card .join[disabled]{color:var(--text-3);background:transparent;border-color:var(--line-2);cursor:default}.bn-playing,.bn-playing body{overflow:hidden}.bn-game{position:fixed;inset:0;z-index:150;background:#08070c}.bn-game__frame{display:block;width:100%;height:100%;border:0}.bn-game__loading{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;grid-gap:14px;gap:14px;color:rgb(255 255 255/.8);background:#08070c;transition:opacity .35s var(--ease-out)}.bn-game__loading img{height:130px}.bn-game__loading.is-out{opacity:0;pointer-events:none}.bn-game__bar{position:absolute;z-index:2;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));display:flex;gap:2px;padding:4px;border-radius:12px;background:rgb(8 7 12/.62);border:1px solid rgb(255 255 255/.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:bar-rest .3s ease 6s forwards}.bn-game__bar:focus-within,.bn-game__bar:hover{opacity:1;animation:none}@keyframes bar-rest{to{opacity:.65}}.bn-game__btn{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#fff;transition:background-color .2s}.bn-game__btn svg{width:18px;height:18px}.bn-game__btn:hover{background:rgb(255 255 255/.14)}.bn-game__btn--leave:hover{background:#be123c}.bn-leave{width:min(420px,calc(100vw - 32px))}.bn-leave .modal__head{padding-bottom:20px}.bn-leave .modal__foot{justify-content:flex-end}@media (pointer:coarse){.bn-game__btn{width:44px;height:44px}}.sum{display:grid;justify-items:center;grid-gap:12px;gap:12px;max-width:560px;margin:0 auto;padding-top:18px;text-align:center}.sum__logo{height:110px;filter:drop-shadow(0 6px 18px rgb(0 0 0/.4))}.sum h1{font-family:var(--font-display);font-size:32px;font-weight:700}.sum__meta,.sum__note{font-size:14px;color:var(--text-2)}.sum__note{font-size:13px;color:var(--text-3)}.sum-list{display:grid;grid-gap:6px;gap:6px;width:100%;margin-top:6px;text-align:left}.sum-row{display:grid;grid-template-columns:34px 40px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:8px 14px 8px 8px;border-radius:14px;background:linear-gradient(180deg,rgb(var(--surf-hi-rgb)/.92),rgb(var(--surf-lo-rgb)/.92));border:1px solid var(--line)}.sum-row__rank{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-2);background:rgb(var(--fg-rgb)/.06)}.sum-row__rank svg{width:16px;height:16px}.sum-row.is-win .sum-row__rank{color:var(--lime-ink);background:var(--lime)}.sum-row img{width:40px;height:40px;border-radius:50%;object-fit:cover}.sum-row>b{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sum-row em{margin-left:6px;padding:1px 6px;border-radius:5px;font-size:11px;font-style:normal;color:var(--accent-text);background:rgba(139,92,246,.14)}.sum-row.is-you{border-color:rgba(139,92,246,.45)}.sum-row__stat{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-2)}.sum__acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}@media (max-width:1100px){.bn-guest small{display:none}}@media (max-width:860px){.bn-top{gap:8px;padding:10px 12px;min-height:60px}.bn-top__brand{display:none}.bn-top .icon-btn{width:40px;height:40px}.bn-guest{display:none}.bn-view{padding:14px 14px 96px}.bn-hero{min-height:0;padding:18px;background-position:45% 50%}.bn-hero:before{background:linear-gradient(0deg,rgb(8 7 12/.95) 40%,rgb(8 7 12/.5))}.bn-hero__logo{height:92px}.bn-hero__acts .btn--lime,.code-form{flex:1 1 100%}.code-form input{flex:1 1;min-width:0;font-size:16px}.room-grid{grid-template-columns:minmax(0,1fr)}.room-card{grid-template-columns:84px minmax(0,1fr) auto;gap:10px}.room-card__art{height:72px}}