html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#15232b}#game{display:block;width:100vw;height:100vh;touch-action:none;outline:none}@font-face{font-family:Iron Pixel;src:url(../assets/iron-pixel.ttf) format("truetype");font-display:swap}#loading-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;opacity:1;pointer-events:all;background:radial-gradient(circle at 50% 38%,rgba(105,46,28,.24),transparent 34%),linear-gradient(180deg,#171410,#0e0d0b 58%,#080807);color:#d8c29a;transition:opacity .28s ease}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-vignette{position:absolute;inset:-4%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.7) 88%);box-shadow:inset 0 0 130px #000}.loading-panel{position:relative;width:min(620px,82vw);padding:36px 44px 42px;text-align:center;border-top:1px solid #5c4730;border-bottom:1px solid #3d2d20;background:linear-gradient(90deg,transparent,rgba(39,28,20,.62) 16%,rgba(39,28,20,.62) 84%,transparent);text-shadow:0 2px 0 #000}.loading-kicker{margin-top:16px;font:12px/1 Iron Pixel,Georgia,serif;letter-spacing:.52em;color:#8d6c4b}.loading-title{margin:9px 0 11px;font:46px/.92 Iron Pixel,Georgia,serif;letter-spacing:.11em;color:#dbc293;text-shadow:0 3px 0 #26160e,0 0 24px rgba(128,57,31,.22)}.loading-rule{display:flex;align-items:center;gap:12px;color:#843923}.loading-rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#715336)}.loading-rule span:last-child{background:linear-gradient(90deg,#715336,transparent)}.loading-rule b{font:12px/1 Georgia,serif;color:#9a492e}.loading-rule-bottom{margin-top:2px}#loading-status{margin-top:25px;font:15px/1.3 Iron Pixel,Georgia,serif;letter-spacing:.14em;color:#ad9876;text-transform:uppercase}.loading-runes{display:flex;justify-content:center;gap:8px;margin-top:18px}#loading-progress{display:block;width:100%;height:14px;margin:20px 0 10px;appearance:none;border:1px solid #715336;background:#171410;accent-color:#b98245}#loading-progress::-webkit-progress-bar{background:#171410}#loading-progress::-webkit-progress-value{background:linear-gradient(90deg,#843923,#d8b376)}#loading-progress::-moz-progress-bar{background:#b98245}#loading-percentage{font:13px/1.4 Georgia,serif;color:#ad9876}.loading-runes i{width:6px;height:6px;transform:rotate(45deg);background:#5b3022;box-shadow:0 0 8px #ad4b2a59;animation:dunge-pulse 1.35s ease-in-out infinite}.loading-runes i:nth-child(2){animation-delay:.12s}.loading-runes i:nth-child(3){animation-delay:.24s}.loading-runes i:nth-child(4){animation-delay:.36s}.loading-runes i:nth-child(5){animation-delay:.48s}#loading-screen.error #loading-status{color:#b95743}#loading-screen.error .loading-runes{display:none}@keyframes dunge-pulse{0%,70%,to{opacity:.25;transform:rotate(45deg) scale(.75)}35%{opacity:1;transform:rotate(45deg) scale(1.15)}}.camp{position:fixed;inset:0;z-index:5;color:#ead5a4;font:15px/1.35 Iron Pixel,Georgia,serif;pointer-events:none;background:linear-gradient(180deg,#050a0ba8,transparent 25%,transparent 75%,#050a0b99)}.camp *{box-sizing:border-box}.camp [hidden]{display:none!important}.camp h1,.camp h2,.camp h3,.camp h4,.camp p{margin:0}.camp button,.camp input,.camp select{font:inherit;color:inherit}.camp button,.camp input,.camp select,.camp-panel,.camp-create{pointer-events:auto}.camp [data-camp-sprite]{isolation:isolate}.camp-sprite{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;image-rendering:pixelated}.camp button{position:relative;cursor:pointer;border:0;background:transparent;padding:12px 16px;text-shadow:1px 2px #05080b}.camp button:hover:not(:disabled){filter:brightness(1.22)}.camp button:active:not(:disabled){transform:translateY(1px)}.camp button:focus-visible,.camp input:focus-visible,.camp select:focus-visible{outline:2px solid #f4d27e;outline-offset:2px}.camp button:disabled{filter:grayscale(.6);opacity:.55;cursor:default}.camp-heading{position:absolute;top:4vh;left:3vw;text-shadow:2px 3px #050807}.camp-heading>span{font-size:13px;letter-spacing:3px;color:#c6a569}.camp-heading h1{font-size:clamp(24px,2.5vw,37px);font-weight:400;color:#f1d7a1;margin:4px 0}.camp-heading p{color:#b0b3a0;font-size:14px}.camp-panel{border:0;background:transparent}.camp-roster{position:absolute;left:2vw;top:23vh;width:190px;padding:19px 13px}.camp-section-title{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 7px 13px}.camp-section-title h2{font-size:17px;font-weight:400}.camp-count{font-size:12px;white-space:nowrap;color:#b6a683}.camp-slots{display:grid;gap:6px;max-height:42vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#9c7c43 #151c22}.camp .camp-slot{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 14px;min-height:55px}.camp-slot strong{font-size:15px;font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camp-slot small{font-size:12px;line-height:1.5;color:#abb7bc}.camp .camp-new{width:100%;margin-top:12px;font-size:13px;padding:12px 8px}.camp-note{font:10px/1.5 Georgia,serif;color:#b0a48c;text-align:center;margin-top:12px!important}.camp-details{position:absolute;right:2vw;top:13vh;bottom:22vh;width:238px;padding:24px 20px;display:flex;flex-direction:column}.camp-eyebrow{font-size:11px;color:#ac9b79;letter-spacing:1px}.camp-class{font-size:29px;font-weight:400;color:#f6dc99;text-shadow:2px 2px #06090d;margin:5px 0 14px!important}.camp-classes{display:flex;gap:4px;margin-bottom:14px}.camp-classes button{font-size:12px;padding:10px 9px;flex:1}.camp-details h3{font-size:16px;font-weight:400;color:#d5bd87;border-bottom:1px solid #897140;padding-bottom:9px}.camp-abilities{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9c7c43 #151c22;padding-right:6px}.camp-abilities article{padding:15px 0;border-bottom:1px solid #87908c30;min-height:70px}.camp-abilities img{width:34px;height:34px;float:left;margin:0 9px 4px 0;object-fit:contain}.camp-abilities h4{font-size:16px;font-weight:400;color:#ead095;line-height:1.2;min-height:34px;display:flex;align-items:center}.camp-abilities p{font:12px/1.5 Georgia,serif;color:#c6c7b9;margin-top:5px;clear:both}.camp-selection{position:absolute;bottom:22vh;left:49%;transform:translate(-50%);text-align:center;width:310px;text-shadow:2px 2px 3px #000}.camp-character-name{font-size:27px;font-weight:400;color:#ffe3a2}.camp-model-status{font-size:12px;line-height:2;color:#c9c6b7}.camp-create{position:relative;margin-top:6px;padding:12px 14px 15px}.camp-create label{display:block;font-size:12px;color:#d2bb84;margin-bottom:5px}.camp-create>div{display:flex;gap:6px}.camp input,.camp select{min-width:0;background:#141b20;border:1px solid #a8874f;border-radius:0;padding:9px;outline:none;box-shadow:inset 2px 2px #070b0e}.camp input{width:100%;font-size:15px}.camp-create button{padding:10px 15px;font-size:14px}.camp .camp-world-name{position:absolute;transform:translate(-50%,-100%);padding:4px 8px;background:none;border:0;color:#e8d9b1;font-size:13px;white-space:nowrap;text-shadow:1px 2px 3px #000,0 0 5px #000;pointer-events:auto}.camp .camp-world-name:hover{color:#ffe99d}.camp-footer{position:absolute;bottom:3vh;left:2vw;right:2vw;min-height:112px;padding:20px 25px;display:flex;gap:22px;align-items:center}.camp-room-picker label{display:block;font-size:16px;margin-bottom:6px}.camp-room-picker>div{display:flex;gap:8px}.camp select{width:220px;font-size:14px}.camp-room-picker button{font-size:13px}.camp-connection{display:block;font-size:11px;color:#afbea7;margin-top:7px}.camp-message{flex:1;color:#f0c591;font-size:13px}.camp .camp-enter{margin-left:auto;min-width:210px;font-size:24px;padding:18px 24px;color:#ffe6a8;white-space:nowrap}.camp-enter span{margin-left:20px}@media(max-width:1050px){.camp-roster{width:165px;left:1vw;padding:17px 10px}.camp-details{width:205px;right:1vw;padding:20px 17px}.camp-footer{left:1vw;right:1vw;gap:12px;padding:18px}.camp-selection{width:280px;left:48%}.camp-heading{left:2vw}.camp .camp-enter{min-width:160px;font-size:20px}.camp select{width:170px}.camp-classes button{padding:10px 6px}}@media(max-width:720px){.camp-heading{top:2vh}.camp-heading h1{font-size:23px}.camp-roster{top:17vh;width:132px;padding:16px 9px}.camp-section-title{padding:0 3px 9px}.camp-section-title h2{font-size:13px}.camp-count{font-size:10px}.camp-note{display:none}.camp-details{top:17vh;width:151px;bottom:35vh;padding:20px 15px}.camp-class{font-size:23px}.camp-eyebrow{font-size:10px}.camp-abilities h4{font-size:14px}.camp-abilities p{font-size:10px}.camp-classes{flex-wrap:wrap}.camp-classes button{padding:9px}.camp-selection{bottom:27vh;width:240px;left:49%}.camp-character-name{font-size:22px}.camp-footer{bottom:2vh;flex-wrap:wrap;gap:8px;padding:18px}.camp-room-picker{flex:1}.camp-room-picker>div{flex-wrap:wrap}.camp-message{flex-basis:100%;order:3}.camp .camp-enter{min-width:125px;font-size:18px;padding:15px}.camp-enter span{display:none}.camp-slots{max-height:29vh}.camp-slot strong{font-size:13px!important}.camp .camp-slot{padding:9px 11px}.camp-world-name{font-size:10px!important}.camp input{font-size:13px}}.camp-roster{display:flex;flex-direction:column;max-height:55vh}.camp-section-title,.camp-new,.camp-note{flex-shrink:0}.camp-slots{grid-template-columns:minmax(0,1fr);min-height:0;overflow-x:hidden}.camp .camp-slot{min-width:0;overflow:hidden}.camp-world-name{max-width:145px;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.camp-roster{max-height:47vh}.camp-world-name{max-width:100px}}.camp-section-title h2{font-size:14px;min-width:0}.camp-world-name{font-size:11px!important;max-width:180px}.camp-character-name{font-size:23px}.camp-modes{display:flex;gap:5px;margin-bottom:8px}.camp-modes button{min-width:90px;padding:9px 16px;font-size:14px}.camp-solo-note{display:block;font-size:12px;color:#cfcca8;padding:12px 0}.camp-footer{min-height:133px}.camp-details{width:270px}.camp-classes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex-shrink:0;gap:6px}.camp-classes button{min-width:0;padding:10px 6px}.camp.is-creating .camp-selection{bottom:19vh;left:50%;width:340px}@media(max-width:1050px){.camp-details{width:215px}.camp.is-creating .camp-selection{width:280px}}@media(max-width:720px){.camp-details{width:151px}.camp.is-creating .camp-selection{bottom:27vh;width:240px}.camp-classes button{font-size:10px;padding:9px 3px}}