@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{font-family:'DM Sans',Arial,sans-serif;color:#173f32;background:#f5f2e7;font-synthesis:none;--green:#173f32;--yellow:#efd253;--muted:#69766a}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #d47c29;outline-offset:4px}[hidden]{display:none!important}.page{max-width:1440px;margin:auto;padding:0 5.2%}.masthead{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bec6b7;gap:20px}.wordmark{display:flex;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;font-weight:900;letter-spacing:-1.3px;text-decoration:none;color:var(--green)}.wordmark img{margin-right:10px}.wordmark>span:not(.brand-dot){color:#81915b}.brand-dot{align-self:flex-start;font-family:Arial;font-size:10px;margin:9px 0 0 4px;letter-spacing:0}.edition,.quiet-button,.eyebrow,.poster-top,.poster-bottom,.rule-number,footer,.room-toolbar,.round-block>span{font-size:10px;letter-spacing:1.5px;font-weight:700}.quiet-button{background:transparent;border:0;color:var(--green);padding:10px 0}.quiet-button:hover{color:#ad571e}.home{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;padding:54px 0 52px;align-items:center}.eyebrow{margin:0 0 19px;font-size:11px}.live-dot{display:inline-block;width:7px;height:7px;background:#729343;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #e3e8d8}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(66px,6.7vw,100px);line-height:.88;letter-spacing:-1px;font-weight:900;margin:0}.outline-word{color:transparent;-webkit-text-stroke:1.5px var(--green)}.intro-copy{font-size:14px;line-height:1.7;color:#536559;margin:24px 0 25px}.create-form label,.join-form label{display:block;font-size:9px;letter-spacing:1.5px;font-weight:700;margin-bottom:9px}.create-form label span{float:right;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}input{width:100%;background:#eeeee1;border:1px solid #c3cbbd;border-radius:3px;color:var(--green);padding:13px 15px;font-size:13px}input::placeholder{color:#819084}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid var(--green);background:var(--green);color:#f8f4e4;padding:17px 20px;font-weight:700;font-size:12px;letter-spacing:1.6px;box-shadow:3px 3px 0 #b5bea0;border-radius:3px;transition:transform .15s,background .15s}.primary-button:hover{background:#275642;transform:translateY(-2px)}.primary-button span{font-size:22px;line-height:12px}.create-form .primary-button{margin-top:10px}.join-form{margin-top:21px}.join-row{display:flex;gap:10px}.join-row input{width:45%;font-weight:700;letter-spacing:4px;text-transform:uppercase}.join-row button{flex:1;border:1px solid var(--green);border-radius:3px;background:transparent;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--green)}.join-row button:hover{background:#e4e7d7}.message{min-height:20px;font-size:11px;color:#667664;line-height:1.6;margin:16px 0 0}.message.error{color:#a53022}.poster{position:relative;min-height:640px;height:100%;max-height:720px;overflow:hidden;border:1px solid var(--green);background:#d8e6af;border-radius:180px 180px 5px 5px;isolation:isolate;box-shadow:8px 8px 0 #e3e5d6}.poster-top{position:absolute;top:150px;left:9%;right:9%;display:flex;justify-content:space-between;z-index:2;font-size:8px}.poster canvas{position:absolute;bottom:0;left:-72%;width:235%;height:80%;object-fit:cover;z-index:-1}.poster-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,4.9vw,73px);line-height:.95;font-weight:900;position:absolute;left:9%;top:185px;letter-spacing:-1px;transform:rotate(-5deg)}.poster-sticker{position:absolute;right:6%;bottom:26%;width:110px;height:110px;border-radius:50%;background:var(--yellow);border:1px solid var(--green);display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;transform:rotate(14deg);box-shadow:4px 4px 0 #173f3222}.poster-sticker strong{font-family:'DM Sans',Arial,sans-serif;font-size:10px;letter-spacing:1px}.poster-bottom{position:absolute;bottom:20px;left:8%;right:8%;display:flex;justify-content:space-between;color:#f5f2e7;font-size:9px}.poster-bottom span:last-child{font-size:26px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #bec6b7;padding:30px 0 36px}.rule-number{color:#839072;font-size:9px}.rules h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;letter-spacing:-.3px;margin:8px 0}.rules p{color:#637360;font-size:12px;line-height:1.8;margin:0}footer{border-top:1px solid #bec6b7;padding:22px 0;display:flex;justify-content:space-between;color:#849078;font-size:8px;letter-spacing:1px;gap:20px}
.arena{padding:28px 0 30px}.room-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:18px;font-size:9px;letter-spacing:1px}.room-badge{display:flex;align-items:center;gap:15px}.room-badge>button{background:none;border:0;color:var(--green)}#copy-code{font-size:18px;letter-spacing:3px;border-bottom:1px dashed #98a78c;padding:4px}#copy-code span{font-size:18px;color:#80916f}.connection-status{margin-left:auto;color:#648149;font-size:9px}.connection-status::before{content:'';display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:6px}.game-frame{border:2px solid var(--green);border-radius:8px;overflow:hidden;box-shadow:6px 6px 0 #d9dfce}.hud{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px;padding:16px 24px;background:#173f32;color:#fbf4dc}.role-block{min-width:210px}.role-block .eyebrow{display:block;color:var(--yellow);font-size:10px;margin-bottom:7px}.role-block strong{font-size:14px;font-weight:500}.scoreboard{display:flex;align-items:center;gap:16px}.scoreboard>span{font-size:11px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;display:flex;gap:12px;align-items:center}.scoreboard em{font-size:20px;opacity:.4;font-style:normal}.round-block{text-align:right;min-width:145px}.round-block>span{font-size:8px;color:#b6c7a9}.round-block>strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;line-height:1}.round-block>strong span{font-size:16px;color:#b6c7a9}.stage{position:relative;line-height:0;background:#c0d9aa}.stage>canvas{display:block;width:100%;height:auto;aspect-ratio:1200/675;touch-action:none}.stage.hunter>canvas{cursor:none}.stage-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#173f321a;line-height:normal}.overlay-card{text-align:center;max-width:500px;padding:30px 44px;background:#f8f4e5f5;border:2px solid var(--green);border-radius:8px;box-shadow:6px 6px 0 #173f3233;pointer-events:auto}.overlay-card .eyebrow{font-size:10px;margin-bottom:12px}.overlay-card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:54px;line-height:1;margin:0 0 12px;letter-spacing:-1px}.overlay-card p:not(.eyebrow){font-size:13px;line-height:1.7;margin:0;color:#5f715c;white-space:pre-line}.overlay-card .primary-button{margin-top:20px;justify-content:center}.stage-overlay.countdown{background:transparent}.stage-overlay.countdown .overlay-card{background:#173f32e8;color:#f5f0d6;border:0;border-radius:50%;width:220px;height:220px;padding:30px;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.stage-overlay.countdown h2{font-size:95px;color:var(--yellow);margin:0}.stage-overlay.countdown .eyebrow{font-size:9px;margin-bottom:0}.stage-overlay.countdown p:not(.eyebrow){color:#cfdbc0;font-size:10px}.cover-status{position:absolute;left:20px;bottom:22px;border-radius:4px;padding:12px 15px;background:#173f32e8;color:#eaf0ac;font-size:10px;font-weight:700;letter-spacing:1px;line-height:1}.ammo-bar{position:absolute;right:20px;bottom:22px;display:flex;align-items:center;gap:12px;background:#173f32ed;padding:12px 15px;border-radius:4px;line-height:1;color:#fbf3d2;font-size:9px;font-weight:700;letter-spacing:1px}#shells{display:flex;gap:5px}.shell{width:9px;height:23px;border-radius:3px 3px 1px 1px;background:var(--yellow);border-bottom:6px solid #a77135}.shell.empty{background:#ffffff15;border-color:#ffffff15}#reload-label{font-size:8px;min-width:78px;color:#d6dfa4}.game-bottom{padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#eef0df;font-size:11px;color:#637360}.game-bottom p{margin:0;line-height:1.8}.game-bottom p>span{margin:0 12px;color:#a3af96}kbd{background:#f8f7ed;border:1px solid #adbba4;border-bottom:3px solid #adbba4;border-radius:4px;font-family:inherit;font-size:10px;padding:3px 7px;margin-right:5px;color:#244d37}#room-message{margin-top:12px}.noscript{padding:20px;background:#efd253}.arena~.rules{padding-top:25px}.arena~.rules h3{font-size:25px}
@media(min-width:1500px){.page{padding:0 65px}.home{gap:90px}}
@media(max-width:1000px){.page{padding:0 4%}.edition{display:none}.home{gap:5%}h1{font-size:75px}.poster{min-height:600px}.poster-title{font-size:55px}.poster-top{top:125px}.poster-title{top:158px}.poster-sticker{right:4%;width:90px;height:90px}.role-block{min-width:150px}.scoreboard{gap:9px}.scoreboard>span{max-width:85px}.hud{padding:14px}.round-block{min-width:120px}}
@media(max-width:700px){.masthead{height:78px}.wordmark{font-size:29px}.home{grid-template-columns:1fr;padding-top:32px;gap:30px}.intro{max-width:460px;margin:auto;width:100%}h1{font-size:84px}.poster{height:390px;min-height:390px;border-radius:100px 100px 5px 5px}.poster-top{top:70px}.poster-title{top:105px;font-size:53px}.poster canvas{height:100%;left:-40%;width:180%}.poster-sticker{bottom:15%;right:9%}.rules{gap:18px}.rules h3{font-size:23px}.rules p{font-size:10px}.rule-number{font-size:8px;letter-spacing:.7px}footer{flex-wrap:wrap;font-size:7px}footer span:nth-child(2){display:none}.room-toolbar{flex-wrap:wrap;gap:8px}.room-badge{gap:10px}.room-badge .quiet-button{font-size:8px}.connection-status{margin-left:0;margin-right:auto}.hud{flex-wrap:wrap;gap:7px}.role-block{min-width:0;flex:1}.role-block strong{font-size:11px}.round-block{min-width:100px}.scoreboard{order:3;width:100%;justify-content:center;border-top:1px solid #ffffff20;padding-top:5px}.scoreboard strong{font-size:27px}.scoreboard>span{max-width:110px}.round-block>span{font-size:7px}.overlay-card{padding:16px 20px;max-width:90%}.overlay-card h2{font-size:34px}.overlay-card p:not(.eyebrow){font-size:10px}.overlay-card .eyebrow{font-size:8px;margin-bottom:8px}.stage-overlay.countdown .overlay-card{height:135px;width:135px;padding:15px}.stage-overlay.countdown h2{font-size:62px}.game-bottom{padding:12px;display:block;font-size:10px}.game-bottom p:last-child{margin-top:8px}.ammo-bar{right:8px;bottom:8px;padding:8px;gap:7px;font-size:7px}.shell{width:6px;height:16px}.cover-status{left:8px;bottom:8px;font-size:7px;padding:9px}.overlay-card .primary-button{padding:12px;font-size:10px}}
.arena{width:min(100%,calc((100dvh - 215px)*1.77778));min-width:min(100%,760px);margin-inline:auto}.poster canvas{height:100%;}.poster{background:#c5dfce}
.cover-status[data-cover="short"]{background:#68512ceb;color:#fff0b1}.cover-status[data-cover="none"]{background:#6d3e2deb;color:#ffe1ca}.game-bottom{flex-wrap:wrap;gap:5px 16px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.header-actions{display:flex;gap:22px;align-items:center}.account-dialog{color:var(--green);background:#f5f2e7;border:2px solid var(--green);border-radius:10px;padding:28px;width:min(680px,94vw);max-height:90dvh;box-shadow:8px 8px 0 #173f3222}.account-dialog::backdrop{background:#173f3266}.account-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.account-heading h2{font:800 44px/1 'Barlow Condensed',Impact,sans-serif;margin:0 0 20px}.account-heading .eyebrow{margin-bottom:8px}.account-form{display:grid;gap:14px}.account-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.account-form p,.account-form small{font-size:12px;font-weight:400;line-height:1.6;color:var(--muted)}.account-actions{display:flex;gap:24px;align-items:center}.account-actions .primary-button{width:auto;flex:1}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px;border-block:1px solid #bec6b7;padding:10px 0}.account-stats h3{font-size:10px;letter-spacing:1.5px}.account-stats dl{font-size:12px}.account-stats dl div{display:flex;justify-content:space-between;gap:8px;padding:6px 0}.account-stats dd{margin:0;font-weight:700}.account-history{font-size:12px;line-height:1.6}.history-row{display:grid;gap:4px;padding:12px;border-left:3px solid #a77958;margin:8px 0;background:#eeeee1}.history-row.win{border-color:#668443}.history-row span{font-size:11px;color:var(--muted)}#match-record-status{margin-top:4px}dialog button:focus-visible{outline-offset:2px}@media(max-width:700px){.header-actions{gap:12px}.header-actions .quiet-button{font-size:8px}.account-dialog{padding:18px}.account-stats{grid-template-columns:1fr}.account-stats dl{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}}
select { width:100%;padding:14px;border:1px solid #173f3240;background:#f8f5de;color:#173f32;font:inherit;border-radius:3px; }
.competitive-copy { white-space:pre-line;line-height:1.6; }
.leaderboard-dialog { max-width:850px; }
.table-scroll { overflow-x:auto; }
.leaderboard-table { border-collapse:collapse;width:100%;font-size:.9rem; }
.leaderboard-table th,.leaderboard-table td { padding:12px 9px;text-align:left;border-bottom:1px solid #173f3225;white-space:nowrap; }
.leaderboard-table th { font-size:.75rem;letter-spacing:.05em; }