.game-bomberman{color:#28293e;font-synthesis:none;background:#f7f3ed;font-family:Arial,Helvetica,sans-serif}:where(.game-bomberman) *{box-sizing:border-box}.game-bomberman{margin:0}:where(.game-bomberman) button,:where(.game-bomberman) input{font:inherit}:where(.game-bomberman) button{cursor:pointer}:where(.game-bomberman) a{color:inherit;text-decoration:none}:where(.game-bomberman) .site-shell{background:radial-gradient(circle at 85% 7%,#fff7e9 0,#0000 28%),#f7f3ed;min-height:100vh;padding:26px clamp(18px,3vw,48px) 20px}:where(.game-bomberman) .topbar{border-bottom:1px solid #ded8d2;justify-content:space-between;align-items:center;max-width:1560px;height:76px;margin:auto;display:flex}:where(.game-bomberman) .brand{letter-spacing:1px;white-space:nowrap;align-items:center;gap:13px;font-family:Courier New,monospace;font-size:23px;font-weight:900;display:inline-flex}:where(.game-bomberman) .brand-icon{color:#faaf61;place-items:center;width:35px;height:35px;font-family:Arial,sans-serif;font-size:35px;display:grid}:where(.game-bomberman) .brand-accent{color:#f07f70}:where(.game-bomberman) .top-tag,:where(.game-bomberman) .topbar-right,:where(.game-bomberman) .eyebrow,:where(.game-bomberman) .hero-footnote,:where(.game-bomberman) .landing-footer,:where(.game-bomberman) .art-label,:where(.game-bomberman) .name-field label,:where(.game-bomberman) .side-head,:where(.game-bomberman) .timer-box span,:where(.game-bomberman) .room-pill,:where(.game-bomberman) .top-state,:where(.game-bomberman) .arena-footer,:where(.game-bomberman) .player-state,:where(.game-bomberman) .lobby-kicker,:where(.game-bomberman) .result-kicker,:where(.game-bomberman) .join-card label{letter-spacing:1.6px;font-family:Courier New,monospace;font-size:12px;font-weight:800}:where(.game-bomberman) .top-tag{color:#858398;align-items:center;gap:10px;display:flex}:where(.game-bomberman) .live-dot,:where(.game-bomberman) .status-dot{background:#80c69d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e2f2e9}:where(.game-bomberman) .landing{grid-template-columns:minmax(440px,.9fr) minmax(520px,1.1fr);align-items:center;gap:clamp(30px,5vw,90px);max-width:1560px;min-height:calc(100vh - 150px);margin:auto;padding:45px 0;display:grid}:where(.game-bomberman) .hero-copy{padding:20px 0 50px 3vw}:where(.game-bomberman) .eyebrow{color:#ed8875}:where(.game-bomberman) .eyebrow span{color:#a5a4ae;margin-right:12px}:where(.game-bomberman) .hero-copy h1{letter-spacing:-5px;margin:29px 0 23px;font-size:clamp(55px,6.5vw,105px);font-weight:900;line-height:.98}:where(.game-bomberman) .hero-copy h1 em{color:#ed8979;font-style:normal}:where(.game-bomberman) .hero-copy>p:not(.hero-footnote):not(.form-error){color:#78798b;max-width:560px;margin:0 0 36px;font-size:20px;line-height:1.55}:where(.game-bomberman) .name-field{max-width:400px}:where(.game-bomberman) .name-field label,:where(.game-bomberman) .join-card label{color:#777989;margin-bottom:9px;display:block}:where(.game-bomberman) .name-field input,:where(.game-bomberman) .join-card input{color:#292a40;background:#fffdf8;border:2px solid #dedad5;outline:0;width:100%;height:54px;padding:0 17px;font-size:17px;box-shadow:4px 4px #e7e1da}:where(.game-bomberman) .name-field input:focus,:where(.game-bomberman) .join-card input:focus{border-color:#ef927b}:where(.game-bomberman) .mode-actions{flex-wrap:wrap;gap:13px;margin-top:26px;display:flex}:where(.game-bomberman) .pixel-button{letter-spacing:1px;border:0;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 23px;font-family:Courier New,monospace;font-size:15px;font-weight:900;transition:transform .12s,box-shadow .12s;display:inline-flex}:where(.game-bomberman) .pixel-button:hover:not(:disabled){transform:translateY(-2px)}:where(.game-bomberman) .pixel-button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}:where(.game-bomberman) .pixel-button:disabled{opacity:.47;cursor:not-allowed}:where(.game-bomberman) .pixel-button.primary{color:#23243a;background:#ec8b78;box-shadow:0 7px #ba665e}:where(.game-bomberman) .pixel-button.secondary{color:#fff8eb;background:#282a43;box-shadow:0 7px #17182c}:where(.game-bomberman) .button-symbol{font-size:17px}:where(.game-bomberman) .hero-footnote{color:#9a9ba8;margin-top:30px;font-size:11px}:where(.game-bomberman) .form-error,:where(.game-bomberman) .inline-error{color:#b64e54;font-size:13px;font-weight:700}:where(.game-bomberman) .hero-art{background:#262840;max-width:760px;padding:13px 13px 15px;transform:rotate(1deg);box-shadow:14px 14px #e6ddd6,0 18px 50px #27304713}:where(.game-bomberman) .art-label{color:#eae7ed;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}:where(.game-bomberman) .art-label.top span,:where(.game-bomberman) .art-label.bottom span:first-child{color:#ffc16d;font-size:19px}:where(.game-bomberman) .art-label.bottom{color:#9d9eb0}:where(.game-bomberman) .art-board{aspect-ratio:9/7;background:#1c1e31;border:8px solid #1a1c30;grid-template-columns:repeat(9,1fr);gap:3px;padding:3px;display:grid}:where(.game-bomberman) .art-cell{background:#2f314b;place-items:center;display:grid;position:relative;box-shadow:inset 0 2px #383a55}:where(.game-bomberman) .art-cell.art-wall{background:#63647d;box-shadow:inset -7px -7px #3d3e59,inset 6px 6px #85859a}:where(.game-bomberman) .art-cell.art-crate{background:#a96860;box-shadow:inset -7px -7px #744347,inset 6px 6px #c9856d}:where(.game-bomberman) .art-crate:after{content:"";background:#bd7b68;border:5px solid #744347;width:45%;height:45%}:where(.game-bomberman) .art-person{text-shadow:5px 6px #211d33;z-index:1;font-size:50px;line-height:1}:where(.game-bomberman) .art-person.coral{color:#f18479}:where(.game-bomberman) .art-person.mint{color:#9ad1ac}:where(.game-bomberman) .art-person.lilac{color:#bfa5d9}:where(.game-bomberman) .art-bomb{color:#151728;text-shadow:5px 5px #fbbf68;font-size:55px}:where(.game-bomberman) .art-flame{color:#ffbd69;text-shadow:0 0 20px #fd8157;font-size:50px}:where(.game-bomberman) .landing-footer{color:#aaa4a7;border-top:1px solid #ded8d2;justify-content:space-between;max-width:1560px;margin:auto;padding-top:18px;font-size:11px;display:flex}:where(.game-bomberman) .game-shell{padding-bottom:30px}:where(.game-bomberman) .topbar-right{color:#8a8998;align-items:center;gap:15px;display:flex}:where(.game-bomberman) .room-pill{color:#57586c;background:#e8e4e3;padding:10px 13px}:where(.game-bomberman) .top-state{font-size:11px}:where(.game-bomberman) .game-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:23px;max-width:1560px;margin:30px auto 0;display:grid}:where(.game-bomberman) .arena-panel{background:#262840;border-radius:18px;min-width:0;padding:12px 12px 0;box-shadow:0 13px #e2ddd9}:where(.game-bomberman) .panel-head{color:#f7f2ec;justify-content:space-between;align-items:end;padding:15px 22px 22px;display:flex}:where(.game-bomberman) .panel-head .eyebrow{color:#f4aa76}:where(.game-bomberman) .panel-head h1{margin:8px 0 0;font-size:clamp(25px,3vw,42px);line-height:1}:where(.game-bomberman) .timer-box{text-align:right}:where(.game-bomberman) .timer-box span{color:#9da0b2;margin-bottom:5px;display:block}:where(.game-bomberman) .timer-box strong{letter-spacing:2px;font-family:Courier New,monospace;font-size:29px}:where(.game-bomberman) .board-wrap{background:#1b1d31;place-items:center;min-height:0;padding:14px;display:grid;position:relative}:where(.game-bomberman) .board{grid-template-columns:repeat(var(--cols),minmax(0,1fr));aspect-ratio:13/11;background:#17192b;border:7px solid #17192b;gap:2px;width:min(100%,800px);display:grid;box-shadow:0 0 0 2px #34364c}:where(.game-bomberman) .cell{place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}:where(.game-bomberman) .cell.floor{background:#30324b;box-shadow:inset 0 2px #373950}:where(.game-bomberman) .cell.floor:nth-child(3n){background:#2c2e47}:where(.game-bomberman) .cell.wall{background:#65667f;box-shadow:inset -6px -6px #3d3e58,inset 5px 5px #85869a}:where(.game-bomberman) .cell.wall:after{content:"";background:#51536c;width:12%;height:12%;position:absolute;top:20%;left:20%;box-shadow:28px 25px #51536c}:where(.game-bomberman) .cell.crate{background:#a56b62;box-shadow:inset -6px -6px #764950,inset 5px 5px #c58b76}:where(.game-bomberman) .cell.crate:after{content:"";box-sizing:border-box;background:#b77b6a;border:5px solid #754b50;width:51%;height:51%}:where(.game-bomberman) .cell.burning{background:#9c5655;box-shadow:inset 0 0 0 3px #dd8261}:where(.game-bomberman) .bomb{z-index:3;background:#17192b;border-radius:45%;width:63%;height:63%;position:absolute;box-shadow:inset -5px -5px #0e1020,inset 5px 5px #45455b,3px 5px #171829}:where(.game-bomberman) .bomb .fuse{background:#f3c274;width:16%;height:27%;position:absolute;bottom:88%;left:48%;transform:rotate(27deg)}:where(.game-bomberman) .bomb .shine{background:#aaa8b3;width:20%;height:15%;position:absolute;top:20%;left:25%}:where(.game-bomberman) .flame{z-index:4;color:#ffd27b;text-shadow:3px 3px #ee7158,-3px -3px #fff0ae;font-size:clamp(23px,4vw,52px);line-height:1;animation:.22s infinite alternate flicker;position:absolute}@keyframes flicker{to{transform:scale(.86)rotate(12deg)}}:where(.game-bomberman) .powerup{z-index:2;color:#6b4653;background:#ffd477;border:4px solid #ef9b6a;place-items:center;width:62%;height:62%;font-size:20px;font-weight:900;display:grid;position:absolute;box-shadow:3px 3px #4c3550}:where(.game-bomberman) .powerup.capacity{background:#b0d4a9;border-color:#79ac9e}:where(.game-bomberman) .sprite{z-index:5;filter:drop-shadow(3px 4px #171829);flex-direction:column;align-items:center;width:66%;height:79%;display:flex;position:absolute}:where(.game-bomberman) .sprite-top{background:var(--sprite);width:67%;height:24%}:where(.game-bomberman) .sprite-face{background:var(--sprite);justify-content:center;align-items:center;gap:21%;width:100%;height:47%;display:flex}:where(.game-bomberman) .sprite-face i{background:#292a42;width:11%;height:31%}:where(.game-bomberman) .sprite-body{background:var(--sprite-dark);width:77%;height:20%}:where(.game-bomberman) .sprite-feet{background:linear-gradient(90deg,#292a42 0 36%,#0000 36% 64%,#292a42 64%);width:67%;height:10%}:where(.game-bomberman) .sprite.mine{outline-offset:2px;outline:2px solid #fff2d1}:where(.game-bomberman) .sprite.coral,:where(.game-bomberman) .player-chip.coral{--sprite:#ed8a78;--sprite-dark:#bd6568}:where(.game-bomberman) .sprite.mint,:where(.game-bomberman) .player-chip.mint{--sprite:#9fcfae;--sprite-dark:#6ca78e}:where(.game-bomberman) .sprite.lilac,:where(.game-bomberman) .player-chip.lilac{--sprite:#bdacd9;--sprite-dark:#8d81bb}:where(.game-bomberman) .sprite.gold,:where(.game-bomberman) .player-chip.gold{--sprite:#f3c36f;--sprite-dark:#c68c5e}:where(.game-bomberman) .arena-footer{color:#a6a6b8;letter-spacing:.4px;justify-content:space-between;align-items:center;gap:10px;height:56px;padding:0 20px;font-size:12px;display:flex}:where(.game-bomberman) .arena-footer b{color:#ffbd70;font-size:19px}:where(.game-bomberman) .sidebar{flex-direction:column;gap:17px;display:flex}:where(.game-bomberman) .side-card{background:#fffdf9;border:1px solid #e5dfd9;padding:21px;box-shadow:5px 6px #e9e3dd}:where(.game-bomberman) .side-head{color:#3f4156;justify-content:space-between;margin-bottom:18px;display:flex}:where(.game-bomberman) .player-row{border-top:1px solid #eeeae6;align-items:center;gap:11px;min-height:49px;font-family:Courier New,monospace;font-size:12px;font-weight:800;display:flex}:where(.game-bomberman) .player-chip{width:25px;height:25px;color:var(--sprite);background:#292a43;place-items:center;font-size:17px;display:grid}:where(.game-bomberman) .player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}:where(.game-bomberman) .player-state{color:#8c8d9a;letter-spacing:.5px;font-size:10px}:where(.game-bomberman) .player-state.alive{color:#68a68d}:where(.game-bomberman) .player-state.out{color:#c87572}:where(.game-bomberman) .empty-row{color:#b9b6bb}:where(.game-bomberman) .empty-chip{color:#aaa3a9;border:1px dashed #c6c0c2;place-items:center;width:25px;height:25px;display:grid}:where(.game-bomberman) .invite-card p,:where(.game-bomberman) .controls-card p{color:#868594;margin:0 0 16px;font-size:13px;line-height:1.45}:where(.game-bomberman) .invite-code{text-align:center;letter-spacing:5px;background:#f5f0e9;border:1px dashed #d7c8bc;margin-bottom:17px;padding:12px 0;font-family:Courier New,monospace;font-size:25px;font-weight:900}:where(.game-bomberman) .pixel-button.mini{color:#fff8e9;background:#292b44;width:100%;min-height:44px;font-size:12px;box-shadow:0 4px #17182c}:where(.game-bomberman) .join-card input{height:44px;margin-bottom:15px;font-size:14px}:where(.game-bomberman) .join-card .pixel-button,:where(.game-bomberman) .start-button{width:100%;min-height:50px;font-size:12px}:where(.game-bomberman) .control-line{color:#92909a;justify-content:space-between;align-items:center;gap:8px;margin:13px 0;font-family:Courier New,monospace;font-size:11px;font-weight:800;display:flex}:where(.game-bomberman) .keycaps{gap:4px;display:flex}:where(.game-bomberman) kbd{color:#56566d;background:#f6f5f3;border:1px solid #d8d6da;place-items:center;width:23px;height:23px;font-family:inherit;display:grid;box-shadow:0 3px #dedde0}:where(.game-bomberman) .space-key{width:72px}:where(.game-bomberman) .controls-card p{border-top:1px solid #eeeae6;margin-top:20px;margin-bottom:0;padding-top:14px}:where(.game-bomberman) .inline-error,:where(.game-bomberman) .inline-notice{background:#fff0e8;margin:0;padding:12px;font-size:13px;line-height:1.4}:where(.game-bomberman) .inline-notice{color:#508c71;background:#e9f4ec}:where(.game-bomberman) .loading-panel,:where(.game-bomberman) .lobby-board{text-align:center;color:#f8f1e8;letter-spacing:2px;background:#1c1e32;flex-direction:column;justify-content:center;align-items:center;min-height:570px;padding:30px;font-family:Courier New,monospace;font-weight:800;display:flex}:where(.game-bomberman) .loading-dots{color:#f2ad6e}:where(.game-bomberman) .error-panel{color:#f3aa9d;gap:15px}:where(.game-bomberman) .error-panel span{font-size:50px}:where(.game-bomberman) .lobby-board{background:radial-gradient(circle,#36334d 0,#1d1e32 65%)}:where(.game-bomberman) .lobby-spark{color:#f2b96c;font-family:Arial,sans-serif;font-size:80px;line-height:1}:where(.game-bomberman) .lobby-kicker{color:#ef8d79;margin:20px 0 4px}:where(.game-bomberman) .lobby-board h2{letter-spacing:-2px;margin:10px 0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,4vw,53px);line-height:1.1}:where(.game-bomberman) .lobby-board p:not(.lobby-kicker){color:#aaa9b9;letter-spacing:0;max-width:380px;font:15px/1.5 Arial,Helvetica,sans-serif}:where(.game-bomberman) .lobby-code{color:#f8d28a;background:#28293f;border:1px dashed #69697d;margin:22px 0;padding:14px 22px;font-size:23px}:where(.game-bomberman) .board-overlay{z-index:10;background:#171829c7;place-items:center;padding:20px;display:grid;position:absolute;inset:0}:where(.game-bomberman) .result-card{text-align:center;background:#fffaf1;border:7px solid #292a43;flex-direction:column;align-items:center;width:min(100%,430px);padding:35px 27px;display:flex;box-shadow:9px 9px #171829}:where(.game-bomberman) .result-star{color:#eeb16c;font-size:50px;line-height:1}:where(.game-bomberman) .result-kicker{color:#e98b7d;margin-top:16px}:where(.game-bomberman) .result-card h2{color:#28293d;margin:14px 0;font-size:clamp(25px,3vw,40px);line-height:1.05}:where(.game-bomberman) .result-card p{color:#848393;margin:0 0 25px;font-size:15px;line-height:1.4}:where(.game-bomberman) .result-card>a{letter-spacing:1px;color:#888698;margin-top:25px;font-family:Courier New,monospace;font-size:11px;font-weight:900}:where(.game-bomberman) .touch-controls{display:none}@media (width<=1100px){:where(.game-bomberman) .landing{grid-template-columns:1fr 1fr;gap:25px}:where(.game-bomberman) .hero-copy{padding-left:0}:where(.game-bomberman) .hero-copy h1{font-size:clamp(50px,6vw,75px)}:where(.game-bomberman) .game-layout{grid-template-columns:minmax(0,1fr) 240px}:where(.game-bomberman) .side-card{padding:15px}:where(.game-bomberman) .sidebar{gap:12px}:where(.game-bomberman) .art-person{font-size:36px}}@media (width<=800px){:where(.game-bomberman) .landing{grid-template-columns:1fr;padding:45px 0}:where(.game-bomberman) .hero-copy{padding:10px 0}:where(.game-bomberman) .hero-art{width:min(100%,600px);margin:auto;transform:none}:where(.game-bomberman) .game-layout{grid-template-columns:1fr}:where(.game-bomberman) .sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}:where(.game-bomberman) .arena-panel{border-radius:12px}:where(.game-bomberman) .touch-controls{background:#292a43;grid-column:1/-1;justify-content:space-around;align-items:center;padding:15px;display:flex}:where(.game-bomberman) .dpad{grid-template-rows:repeat(2,55px);grid-template-columns:repeat(3,55px);gap:5px;display:grid}:where(.game-bomberman) .dpad button,:where(.game-bomberman) .touch-bomb{color:#292a43;touch-action:none;background:#eee9e1;border:0;font-size:25px;font-weight:900;box-shadow:0 4px #aba6a7}:where(.game-bomberman) .dpad button:first-child{grid-column:2}:where(.game-bomberman) .dpad button:nth-child(2){grid-area:2/1}:where(.game-bomberman) .dpad button:nth-child(3){grid-area:2/2}:where(.game-bomberman) .dpad button:nth-child(4){grid-area:2/3}:where(.game-bomberman) .touch-bomb{background:#ed8c78;width:90px;height:90px;font-family:Courier New,monospace;font-size:16px}}@media (width<=560px){:where(.game-bomberman) .site-shell{padding:12px 12px 20px}:where(.game-bomberman) .topbar{height:64px}:where(.game-bomberman) .brand{gap:6px;font-size:18px}:where(.game-bomberman) .brand-icon{width:25px;font-size:26px}:where(.game-bomberman) .top-tag,:where(.game-bomberman) .top-state{display:none}:where(.game-bomberman) .topbar-right{gap:8px}:where(.game-bomberman) .room-pill{padding:8px;font-size:10px}:where(.game-bomberman) .landing{padding:35px 5px}:where(.game-bomberman) .hero-copy h1{letter-spacing:-3px;font-size:55px}:where(.game-bomberman) .hero-copy>p:not(.hero-footnote):not(.form-error){font-size:17px}:where(.game-bomberman) .mode-actions{flex-direction:column;max-width:400px}:where(.game-bomberman) .landing-footer{flex-wrap:wrap;gap:10px;font-size:9px}:where(.game-bomberman) .game-layout{gap:15px;margin-top:15px}:where(.game-bomberman) .panel-head{padding:12px 8px 17px}:where(.game-bomberman) .panel-head h1{font-size:24px}:where(.game-bomberman) .timer-box strong{font-size:20px}:where(.game-bomberman) .timer-box span{font-size:9px}:where(.game-bomberman) .board-wrap{padding:5px}:where(.game-bomberman) .board{border-width:3px;gap:1px}:where(.game-bomberman) .cell.wall{box-shadow:inset -3px -3px #3d3e58,inset 3px 3px #85869a}:where(.game-bomberman) .cell.crate{box-shadow:inset -3px -3px #764950,inset 3px 3px #c58b76}:where(.game-bomberman) .cell.crate:after{border-width:2px}:where(.game-bomberman) .bomb{box-shadow:inset -2px -2px #0e1020,inset 2px 2px #45455b}:where(.game-bomberman) .arena-footer{height:45px;padding:0 8px;font-size:9px}:where(.game-bomberman) .arena-footer span:last-child{display:none}:where(.game-bomberman) .sidebar{grid-template-columns:1fr}:where(.game-bomberman) .lobby-board,:where(.game-bomberman) .loading-panel{min-height:380px}:where(.game-bomberman) .lobby-board h2{font-size:34px}:where(.game-bomberman) .lobby-code{font-size:17px}:where(.game-bomberman) .result-card{padding:23px 15px}:where(.game-bomberman) .sprite.mine{outline-offset:1px;outline-width:1px}}