/* Illustrated edition: generous key art, fast entry, readable play area. */
.simple-home{max-width:1240px;padding:48px 28px 28px}.entry-card{display:grid;grid-template-columns:1.65fr 1fr;min-height:640px;border-color:#c39a593a;background:#15120e;overflow:hidden;box-shadow:0 22px 100px #0008}.entry-art{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;padding:44px;background:#21170e;overflow:hidden}.entry-art::before{content:'';position:absolute;inset:0;z-index:-2;background:url('./assets/art/dwarves-comic-hero.webp') 65% center/cover;animation:artReveal 1.2s ease-out both}.entry-art::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#100b07f2 0%,#100b0780 40%,#100b0700 80%)}.entry-art .eyebrow{color:#edc887;letter-spacing:2px}.entry-art h1{font-size:clamp(90px,10vw,142px);line-height:1;margin:20px 0 0;letter-spacing:-4px;text-shadow:0 4px 30px #0006}.entry-art h1 .war{color:#e0b36f}.entry-art h1 small{font-size:12px;font-weight:700;letter-spacing:12px;margin-top:13px;color:#f1d5a3}.entry-art p{font-size:15px;line-height:1.6;max-width:380px;margin-top:30px;color:#eddfc7}.entry-body{align-self:center;padding:42px 34px}.entry-body input{background:#0f0e0bd9;border-color:#b793613d}.entry-create{background:#c98e4e;border-color:#d6aa73;color:#140d07}.entry-create:hover{background:#e2b378;box-shadow:0 8px 30px #d7994620}.entry-body label{color:#dcbb88}.entry-body .formnote{line-height:1.8}.entry-foot{color:#af9d84}.entry-foot #artStatus{font-size:9px}.lobby-page{max-width:1040px}.lobby-heading{position:relative;padding:28px 0 30px}.map-options{gap:16px}.map-card{padding:0 0 16px;overflow:hidden;background:#191713;border-color:#a1855733;transition:border-color .2s,transform .2s,box-shadow .2s}.map-card:hover:not(:disabled){transform:translateY(-3px);border-color:#d6b37888}.map-card.selected{box-shadow:0 0 0 1px #d2a566,inset 0 -3px #d2a566}.map-card canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:0;filter:saturate(.85);transition:filter .3s}.map-card.selected canvas,.map-card:hover canvas{filter:saturate(1.15)}.map-card b{font-size:15px;margin:16px 16px 8px}.map-card small{margin:0 16px;font-size:10px;line-height:1.7}.map-card.selected b::after{content:' ✓';color:#e2b571}.arenaWrap{border:1px solid #a8824e70;box-shadow:0 6px 30px #0006,0 0 0 4px #181510}.inventory{background:linear-gradient(100deg,#211b12,#141613);border-color:#997c5144}.ability{background:linear-gradient(145deg,#282116,#17140f);border-color:#b7936140}.ability.ready{border-color:#9eac7766}.ability.cooling{background:#181610}.livepanel{background:linear-gradient(145deg,#211b13,#11130f);border-color:#a2875445}.announce{color:#ffdfa2;text-shadow:0 4px 0 #251409,0 10px 50px #000;animation:bagarreIn .45s cubic-bezier(.16,1,.3,1)}.modal{background:linear-gradient(#fff3d9,#e6d0a7)}.topbar{border-bottom-color:#b3905540}.lobby-player{transition:background .2s,border-color .2s}.art-note{display:block;font:600 9px Outfit,sans-serif;letter-spacing:2px;color:#a9906f;margin-bottom:24px}
@keyframes artReveal{from{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes bagarreIn{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(min-width:761px){.arenaWrap{max-height:calc(100dvh - 285px)}.gamebar{padding-top:12px;padding-bottom:12px}.inventory{padding:9px 15px}.livepanel{max-height:calc(100dvh - 190px)}}
@media(max-width:900px){.simple-home{padding:28px 20px}.entry-card{grid-template-columns:1.2fr 1fr;min-height:590px}.entry-art{padding:30px}.entry-art h1{font-size:92px}.entry-body{padding:28px 24px}.entry-art h1 small{font-size:10px;letter-spacing:8px}}
@media(max-width:640px){.simple-home{padding:18px 14px}.entry-card{display:block;min-height:0}.entry-art{height:370px;padding:26px}.entry-art::before{background-position:65% 42%}.entry-art h1{font-size:85px;margin-top:16px}.entry-art p{font-size:12px;margin-top:19px}.entry-art h1 small{font-size:9px;letter-spacing:8px}.entry-body{padding:25px}.entry-body .formnote{font-size:10px}.entry-foot{flex-wrap:wrap;line-height:1.5}.map-options{gap:8px}.map-card{padding-bottom:10px}.map-card b{font-size:11px;margin:10px 8px 5px;line-height:1.4}.map-card small{font-size:8px;margin:0 8px;line-height:1.5}.map-card canvas{height:90px;object-fit:cover}.lobby-page{padding-top:20px}.lobby-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.entry-art::before,.announce{animation:none}.map-card:hover:not(:disabled){transform:none}}
.modal{width:min(590px,calc(100vw - 28px));max-height:100%;overflow:auto;background:radial-gradient(ellipse at top,#48321b,#211a14 65%);color:#fff2d7;border:2px solid #d5a650;box-shadow:0 24px 100px #000b,inset 0 0 0 5px #120e0955}.modal .eyebrow{color:#e5bc72}.modal h2{color:#fff3d2;text-shadow:0 3px 0 #4c2b10;font-size:clamp(25px,5vw,40px)}.result-explainer{color:#cebfa5;font-size:12px;line-height:1.6;margin:8px 0 22px}.result-head,.result-row{display:grid;grid-template-columns:minmax(0,1fr) 45px 68px;gap:12px;align-items:center;text-align:right}.result-head{font-size:9px;letter-spacing:1.5px;color:#ccb189;padding:0 12px 9px}.result-head>:first-child{text-align:left}.result-row{padding:12px;margin:5px 0;background:#120f0cb3;border:1px solid #a78a4733;border-radius:5px;font-size:14px;font-variant-numeric:tabular-nums}.result-row.champion{background:linear-gradient(100deg,#76502288,#3a2a17);border-color:#e6b960;color:#ffdda0}.result-row.mine{box-shadow:inset 3px 0 #a3e4cb}.result-player{text-align:left;min-width:0}.result-player strong{color:inherit}.result-player small{display:block;color:#c5b291;font-size:9px;margin-top:5px;letter-spacing:.5px}.modal .formnote{color:#c3b296}.modal button{margin-top:22px}.entry-art h1 .war{color:#ffc34d}.entry-create{background:#eeb54c;color:#221509}.map-card.selected{border-color:#ffd075}.announce{color:#ffdd60}

.result-player{display:flex;align-items:center;gap:12px}.result-player .place{font:400 24px Anton;color:#dfbb79;min-width:31px}.result-player>span{overflow-wrap:anywhere}.modal>p.result-explainer{color:#cebfa5}.modal>p.eyebrow{color:#e5bc72}

.victory-caption{position:absolute;bottom:7%;left:5%;right:5%;text-align:center;pointer-events:none;z-index:4;text-shadow:0 3px 0 #241306,0 0 18px #000}.victory-caption span{display:block;color:#ffe193;font-size:11px;font-weight:800;letter-spacing:3px}.victory-caption strong{display:block;font:400 clamp(22px,3.6vw,44px) Anton;color:#fff1be;margin:8px 0}.victory-caption small{color:#dfc493;font-size:11px}.victory-lap .touchactions,.victory-lap .touchpad,.victory-lap #feed{visibility:hidden}.victory-lap .abilities{opacity:.4}.victory-lap canvas{cursor:default}

#music{margin-left:auto;margin-right:10px;padding:9px 12px;background:transparent;border:1px solid #d5b58255;color:#efd8a4;font:800 9px Outfit;letter-spacing:.7px;white-space:nowrap}#music[aria-pressed="false"]{opacity:.6}@media(max-width:640px){#music{padding:9px 7px;margin-right:5px;font-size:8px}}

.round-countdown{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#110b064d;backdrop-filter:blur(1px);text-shadow:0 4px 0 #321d0c;pointer-events:none}.round-countdown[hidden]{display:none}.round-countdown span{font:800 12px Outfit;letter-spacing:3px;color:#ffe7bb}.round-countdown strong{font:400 clamp(80px,15vw,150px)/1.1 Anton;color:#ffd066}.round-countdown small{font:600 12px Outfit;color:#fff0d0}.round-ready .touchpad,.round-ready .touchactions{visibility:hidden}.round-ready .abilities{opacity:.45}.session-board{margin:22px 0;padding:16px;border:1px solid #b78b4f66;background:#18120e;color:#f2dfbc;border-radius:5px}.session-board h3,.session-board summary{font:700 13px Outfit;letter-spacing:1px;color:#ffe1a1}.session-board summary{cursor:pointer;line-height:1.5}.session-board>p,.session-count,.session-key,.session-empty{font-size:10px;color:#cbb597;line-height:1.5;margin:9px 0}.session-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;table-layout:fixed}.session-table th,.session-table td{padding:9px 5px;text-align:right;border-bottom:1px solid #795d393f;width:12%}.session-table th:first-child,.session-table td:first-child{text-align:left;width:44%;overflow-wrap:anywhere}.session-table th{font-size:9px;letter-spacing:1px;color:#c8a873}.session-table td:nth-child(2){color:#ffd778;font-weight:800}.session-table tr.mine{background:#37413766}.session-table small{display:block;font-size:8px;color:#b49c7b;margin-top:3px}.live-session{padding:10px;margin:16px 0}.live-session .session-table{font-size:10px}.live-session .session-table th,.live-session .session-table td{padding:8px 2px}.modal .session-board{text-align:left}.session-key{font-size:9px}@media(max-width:640px){.session-board{padding:12px}.round-countdown span{font-size:10px}.session-table{font-size:11px}}

.spawn-marker{position:absolute;z-index:9;transform:translate(-50%,-100%);pointer-events:none;text-align:center;filter:drop-shadow(0 3px 4px #000b)}.spawn-marker[hidden]{display:none}.spawn-marker span{display:block;background:#ffdc62;color:#241607;border:2px solid #fff4bd;border-radius:6px;padding:6px 15px;font:900 16px Outfit;letter-spacing:2px;box-shadow:0 0 0 3px #2a190dd9,0 0 26px #ffc94099}.spawn-marker i{display:block;width:0;height:0;margin:5px auto 0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:13px solid #ffe592;animation:spawnPoint .65s ease-in-out infinite alternate}@keyframes spawnPoint{to{transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.spawn-marker i{animation:none}}

.entry-art h1{font-size:clamp(56px,7.2vw,108px)}
@media(max-width:480px){.entry-art h1{font-size:64px}}