@font-face{font-family:Mage Pixel;src:url(/fonts/pixelify-sans.ttf)format("truetype");font-weight:400 700;font-display:swap}.in-refuge{--ui-font:"Mage Pixel", monospace;--ui-bg:#0d1c22;--ui-border:#486159;--ui-selected:#b9d7bd;font-family:var(--ui-font)}.workshop{pointer-events:none;background:#0b171d;position:absolute;inset:0;overflow:hidden}.workshop canvas{width:100%;height:100%;image-rendering:pixelated;object-fit:cover;object-position:right center;display:block}.workshop-vignette{background:linear-gradient(90deg,#08141af5 0%,#08141aed 25%,#08141a66 43%,#0000 65%);position:absolute;inset:0}.in-refuge .arena-frame>canvas{visibility:hidden;pointer-events:none}.in-refuge .bottom-bar .controls{display:none}.in-refuge .bottom-bar .footer-end{margin-left:auto}.in-refuge :is(button,input,select,kbd){font-family:var(--ui-font)}.in-refuge .brand{font-family:var(--ui-font);letter-spacing:2px;font-size:30px}.in-refuge :is(.alpha,.icon-button,.fine,.brand-sub){font-family:var(--ui-font);letter-spacing:1px;font-size:12px}.refuge-menu{width:324px;max-width:39%;position:absolute;top:12%;left:8%}.refuge-menu .wordmark{font-family:var(--ui-font);color:#d6e0c5;letter-spacing:2px;text-shadow:0 4px #40594a;margin:0 0 24px;font-size:96px;font-weight:600;line-height:.85}.hexruckus-logo{width:324px;max-width:100%;height:auto;image-rendering:pixelated;display:block}.wordmark:has(.hexruckus-logo){width:324px;max-width:100%;position:relative}.logo-grain{pointer-events:none;opacity:0;background:#b7d9b4;width:3px;height:3px;animation:9s steps(8,end) infinite logo-matter;position:absolute}.grain-one{top:37%;left:81%}.grain-two{animation-delay:.6s;top:44%;left:77%}.grain-three{background:#c6a16d;animation-delay:1.2s;top:96%;left:75%}@keyframes logo-matter{0%,72%{opacity:0;transform:translate(0)}74%{opacity:1;transform:translate(0)}90%{opacity:.7;transform:translate(6px,12px)}to{opacity:0;transform:translate(10px,24px)}}.menu-still .logo-grain{animation:none}@media (prefers-reduced-motion:reduce){.logo-grain{animation:none}}.game-shell .brand{letter-spacing:1px;color:#ddc799;font-family:Mage Pixel,monospace;font-size:26px}.gate.in-refuge :is(label,.primary,.fine,.error){font-family:var(--ui-font);letter-spacing:0;font-size:16px}.gate.in-refuge .wordmark{margin:18px 0}.gate.in-refuge input{border:2px solid #486159;font-size:20px}.gate.in-refuge .primary{border:2px solid #d2e4c9}.refuge-menu .wordmark span{font-family:var(--ui-font);color:#8dab98;letter-spacing:3px;margin:18px 0 0 2px;font-size:18px;font-weight:400}.refuge-actions{gap:10px;display:grid}.refuge-actions button{color:#c4d0bb;letter-spacing:0;text-align:left;background:#102128e8;border:2px solid #405850;justify-content:space-between;align-items:center;min-height:48px;padding:12px 18px;font-size:22px;font-weight:400;display:flex;box-shadow:0 3px #050e13}.refuge-actions button span{font-family:var(--ui-font);font-size:18px}.refuge-actions .refuge-play{color:#142923;background:#b9d7bd;border-color:#d2e4c9}.refuge-actions button:hover,.refuge-actions button:focus-visible{color:#e7eed9;background:#29483e;border-color:#d2e4c9}.refuge-actions button:focus-visible{outline-offset:4px;outline:2px solid #d2e4c9}.refuge-note{color:#8ba293;margin-top:25px;font-size:16px}.refuge-page,.in-refuge .refuge-room{border:2px solid var(--ui-border);scrollbar-width:thin;scrollbar-color:#486159 #0d1c22;background:#0d1c22f5;width:49%;max-width:none;padding:26px 30px;position:absolute;top:5%;bottom:5%;left:5%;overflow:auto;box-shadow:4px 4px #050e13}.in-refuge :is(.refuge-page,.refuge-room,.wardrobe) :is(h2,h3,p,label,small,span,button,select,input,legend){font-family:var(--ui-font);letter-spacing:0;font-style:normal}.in-refuge :is(.refuge-page,.refuge-room) h2{color:#d6e0c5;margin:12px 0 20px;font-size:36px;font-weight:400;line-height:1.1}.in-refuge .eyebrow{color:#83a795;letter-spacing:1px;font-size:14px}.in-refuge .back{letter-spacing:0;color:#b9cdb9;background:0 0;padding:6px 0;font-size:16px;font-weight:400}.page-intro{color:#a0b5a7;font-size:18px;line-height:1.4}.play-page{flex-direction:column;justify-content:center;display:flex}.play-page>.back{align-self:flex-start}.play-choice{text-align:left;color:#c4d0bb;background:0 0;border-top:2px solid #2f463e;align-items:center;gap:18px;padding:20px 0;display:flex}.play-choice:hover{background:#19332c}.play-choice .choice-rune{color:#94b8a3;font-size:26px}.play-choice>span:last-child{margin-left:auto}.play-choice strong{font-family:var(--ui-font);font-size:24px;font-weight:400}.play-choice p{color:#94ab9c;margin:6px 0 0;font-size:16px;line-height:1.3}.setting-row{border-top:2px solid #293f39;padding:18px 0}.setting-row label{color:#c4d0bb;margin-bottom:10px;font-size:18px}.setting-row label span{float:right;color:#a1c5ae}.setting-row input[type=range]{accent-color:#b9d7bd;cursor:pointer;height:20px;padding:0}.setting-row select{color:#d3dfc9;border:2px solid var(--ui-border);background:#172b2c;width:100%;padding:10px;font-size:16px}.setting-row p{color:#90a99a;margin:8px 0 0;font-size:16px;line-height:1.3}.setting-inline{justify-content:space-between;margin-top:12px;display:flex}.setting-inline button{border:2px solid var(--ui-border);background:#172b2c;padding:7px 12px;font-size:16px}.setting-toggle{justify-content:space-between;align-items:center;gap:20px;display:flex}.setting-toggle input{accent-color:#b9d7bd;width:20px;height:20px}.page-bottom{color:#90a99a;border-top:2px solid #293f39;justify-content:space-between;gap:15px;padding-top:15px;font-size:14px;display:flex}.guide-tabs{border-bottom:2px solid #2f463e;gap:12px;margin:20px 0;display:flex}.guide-tabs button{color:#809f8d;background:0 0;border-bottom:2px solid #0000;padding:10px 0;font-size:14px}.guide-tabs button[aria-pressed=true]{color:#d2e4c9;border-color:#b9d7bd}.guide-controls>div{border-bottom:1px solid #293f39;grid-template-columns:100px 1fr;align-items:start;gap:12px;padding:10px 0;display:grid}.guide-controls kbd{border:1px solid var(--ui-border);white-space:nowrap;background:#203b31;font-size:14px;display:inline-block}.guide-controls dd{color:#afc2b0;margin:0;font-size:16px;line-height:1.3}.guide-practice{border:2px solid var(--ui-border);background:#203b31;justify-content:space-between;gap:20px;width:100%;margin-top:16px;padding:12px;font-size:18px;display:flex}.guide-spells article{border-bottom:1px solid #293f39;gap:16px;padding:14px 0;display:flex}.guide-spells article>span{color:#8cbdaa;width:25px;font-size:25px}.guide-spells h3,.guide-tricks h3{color:#cddbbd;margin:0 0 6px;font-size:24px;font-weight:400}.guide-spells p,.guide-tricks p{color:#9db29f;margin:0;font-size:16px;line-height:1.3}.guide-tricks article{margin:20px 0}.guide-tricks b{color:#779e8a;font-size:16px}.in-refuge .refuge-room{width:420px}.in-refuge .refuge-room :is(.primary,.secondary){letter-spacing:0;font-size:18px}.in-refuge .refuge-room :is(label,.error,.divider,.fine){letter-spacing:0;font-size:16px}.in-refuge .refuge-room input{font-size:20px}.in-refuge .wardrobe{border:2px solid var(--ui-border);background:#0d1c22f5;inset:5%;box-shadow:4px 4px #050e13}.in-refuge .wardrobe-heading h2{color:#d6e0c5;font-size:36px;font-weight:400}.in-refuge .wardrobe-heading .eyebrow{font-size:14px}.in-refuge .wardrobe-heading p:last-child{font-size:16px}.in-refuge .wardrobe-body{gap:32px}.in-refuge .wardrobe-window{background:#13282b;border:2px solid #405850;box-shadow:4px 4px #071319}.in-refuge .wardrobe-arch{background:#35443d;border:0;border-top:3px solid #667c54;border-radius:0;height:14px;inset:auto 8% 9%;box-shadow:0 4px #101d20}.in-refuge .wardrobe-arch:after{display:none}.in-refuge .wardrobe-preview-tools{gap:8px}.in-refuge .wardrobe-preview-tools button{background:#172b2c;border:2px solid #405850;padding:8px 10px;font-size:16px}.in-refuge .wardrobe-portrait>p{font-family:var(--ui-font);font-size:16px;line-height:1.3}.in-refuge .wardrobe-small-label{font-size:12px}.in-refuge .wardrobe-choice{background:#12252a;border:2px solid #2f463e;grid-template-columns:90px 1fr;margin-bottom:8px;padding:10px}.in-refuge .headwear-slot{background:#1c342f;border-color:#789783}.in-refuge .wardrobe-choice>span{text-transform:none;font-size:16px}.in-refuge .wardrobe-choice button{background:#1e3b30;border:2px solid #486159;height:36px}.in-refuge .wardrobe-selection select{font-size:18px}.in-refuge .wardrobe-choice small{letter-spacing:0;font-size:12px}.in-refuge .wardrobe-dyes legend{letter-spacing:0;font-size:16px}.in-refuge .wardrobe-dyes legend span{font-size:14px}.in-refuge .wardrobe-dyes button{box-shadow:none;border-radius:0}.in-refuge .wardrobe-dyes button[aria-pressed=true]{outline-offset:2px;outline:2px solid #d2e4c9}@media (max-height:820px) and (min-width:801px){.refuge-menu{top:11%}.refuge-menu .wordmark{margin-bottom:28px;font-size:80px}.refuge-actions{gap:8px}.refuge-actions button{min-height:40px;padding:8px 14px;font-size:20px}.refuge-note{margin-top:16px}}@media (max-width:800px){.in-refuge .arena-frame{aspect-ratio:auto;height:auto;min-height:700px}.workshop canvas{opacity:.55;width:100%;height:100%;position:absolute;right:0}.refuge-menu{width:84%;max-width:none;top:10%;left:8%}.refuge-menu .wordmark{font-size:80px}.refuge-page,.in-refuge .refuge-room{width:94%;padding:18px;top:3%;bottom:3%;left:3%}.guide-tabs{gap:10px}.guide-tabs button{font-size:12px}.page-bottom{flex-direction:column}.in-refuge .wardrobe{padding:18px;inset:3%}.in-refuge .wardrobe-body{grid-template-columns:1fr}.in-refuge .wardrobe-choice{grid-template-columns:75px 1fr;padding:6px}.in-refuge .top-right{gap:8px}.in-refuge .icon-button{padding-left:8px;font-size:10px}.in-refuge .alpha{letter-spacing:0;font-size:10px}.in-refuge .alpha b{display:none}}.in-refuge .equipment-room{background:#0d1e24fa;flex-direction:column;padding:22px 26px;display:flex;overflow:hidden}.equipment-room .wardrobe-heading{flex:none;padding-bottom:15px}.equipment-room .wardrobe-heading .eyebrow{margin:0 0 5px}.equipment-body{flex:1;grid-template-columns:minmax(190px,.72fr) minmax(0,1.5fr);gap:28px;min-height:0;padding-top:18px;display:grid}.equipment-portrait{flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex}.equipment-stage{justify-content:center;width:100%;max-width:320px;min-height:0;display:flex;position:relative}.equipment-room .equipment-stage canvas{aspect-ratio:8/9;object-fit:contain;width:100%;height:auto;max-height:100%;image-rendering:pixelated;display:block}.equipment-portrait p{color:#91a78e;margin:10px 0 0;font-size:14px}.equipment-room .turn-wizard{color:#cbdcbd;background:#1b352f;border:2px solid #486759;flex:none;margin-top:12px;padding:8px 16px;font-size:18px}.equipment-browser{flex-direction:column;min-width:0;min-height:0;display:flex}.equipment-tabs{border-bottom:2px solid #3a5449;flex-wrap:wrap;flex:none;gap:4px;padding-bottom:10px;display:flex}.equipment-room .equipment-tabs button{color:#9fb6a1;background:#172c2c;border-bottom:2px solid #0000;padding:8px 10px;font-size:17px}.equipment-room .equipment-tabs button[aria-selected=true]{color:#f1dfb0;background:#30483c;border-color:#d5bd7c}.equipment-panel{scrollbar-width:thin;scrollbar-color:#56765c #102329;flex:1;min-height:0;padding:0 6px 6px 0;overflow-y:auto}.equipment-selected{justify-content:space-between;align-items:center;gap:8px;min-height:54px;display:flex}.equipment-room .equipment-selected h3,.equipment-room .equipment-colours h3{color:#e4d4ac;margin:10px 0;font-size:23px;font-weight:400}.equipment-room .equipment-selected>span{color:#9fb594;font-size:12px}.equipment-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:3px;display:grid}.equipment-room .equipment-item{color:#b8c8ae;background:#1b302e;border:2px solid #3c5447;flex-direction:column;justify-content:start;align-items:center;gap:4px;min-width:0;padding:4px 3px 8px;display:flex;position:relative;box-shadow:0 3px #08181d}.equipment-room .equipment-item canvas{width:64px;height:64px;image-rendering:pixelated;display:block}.equipment-room .equipment-item>span{place-items:center;min-height:31px;font-size:14px;line-height:1.1;display:grid}.equipment-room .equipment-item[aria-pressed=true]{color:#f1dfb0;background:#334c3b;border-color:#d5bd7c;box-shadow:inset 0 0 0 2px #1a302b,0 3px #08181d}.equipped-mark{color:#e0c789;font-size:11px;position:absolute;top:3px;right:5px}.equipment-change{z-index:1;pointer-events:none;background:#ecdaaa;width:3px;height:3px;animation:.4s steps(5,end) both equipment-sparks;position:absolute;top:55%;left:50%;box-shadow:-44px -50px #bed9a5,36px -38px #edca89,-32px 30px #92bc9b,40px 21px #d9bd81}@keyframes equipment-sparks{0%{opacity:.9;transform:translateY(4px)}to{opacity:0;transform:translateY(-12px)}}.equipment-colours{gap:24px;padding:5px;display:grid}.equipment-room .wardrobe-dyes legend{text-transform:none;margin-bottom:12px;font-size:18px}.equipment-room .wardrobe-dyes legend span{font-size:16px}.equipment-room .wardrobe-dyes button{width:32px;height:32px}.in-refuge,.in-refuge canvas{cursor:url(/brand/cursor.svg) 2 2,auto}.in-refuge :is(button,a,label[for=ambience],input[type=checkbox],input[type=range]){cursor:url(/brand/cursor-active.svg) 2 2,pointer}.in-refuge input:is([type=text],[type=password]){cursor:text}.in-refuge :is(.refuge-actions button,.equipment-item,.equipment-tabs button,.turn-wizard,.play-choice,.back,.guide-practice){transition:background-color .12s steps(3,end),border-color .12s steps(3,end),color .12s steps(3,end),transform .12s steps(3,end);position:relative}.in-refuge :is(.refuge-actions button,.equipment-item,.equipment-tabs button,.turn-wizard,.play-choice,.back,.guide-practice):is(:hover,:focus-visible){color:#fff0c9;background-color:#365441}.in-refuge :is(.refuge-actions button,.equipment-item,.turn-wizard):is(:hover,:focus-visible):after{content:"";pointer-events:none;background:linear-gradient(#f1dcaa,#f1dcaa) 0 0/8px 2px no-repeat,linear-gradient(#f1dcaa,#f1dcaa) 0 0/2px 8px no-repeat,linear-gradient(#f1dcaa,#f1dcaa) 100% 100%/8px 2px no-repeat,linear-gradient(#f1dcaa,#f1dcaa) 100% 100%/2px 8px no-repeat;animation:.65s steps(3,end) infinite alternate selection-corners;position:absolute;inset:-2px}.refuge-actions button:is(:hover,:focus-visible){transform:translate(4px)}.equipment-item:is(:hover,:focus-visible){transform:translateY(-2px)}.refuge-actions button:is(:hover,:focus-visible)>span{animation:.6s steps(3,end) infinite alternate menu-arrow}.in-refuge button:active{transform:translateY(2px)}@keyframes selection-corners{to{inset:-5px}}@keyframes menu-arrow{to{transform:translate(4px)}}@media (max-height:820px) and (min-width:801px){.in-refuge .equipment-room{padding:16px 20px}.equipment-room .wardrobe-heading h2{font-size:29px}.equipment-body{gap:20px;padding-top:12px}.equipment-stage{max-width:225px}.equipment-room .equipment-tabs button{padding:7px 8px;font-size:15px}.equipment-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.equipment-room .equipment-item>span{min-height:26px;font-size:13px}.equipment-room .equipment-item{gap:2px;padding:2px 2px 4px}.equipment-room .equipment-item canvas{width:48px;height:48px}.equipment-room .equipment-selected{min-height:44px}}@media (max-width:800px){.in-refuge .equipment-room{padding:15px;overflow-y:auto}.equipment-body{flex-direction:column;flex:none;display:flex;overflow:visible}.equipment-stage{max-width:176px}.equipment-portrait p{display:none}.equipment-browser{min-height:330px}.equipment-panel{overflow:visible}.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-room .equipment-tabs button{padding:7px;font-size:15px}}@media (prefers-reduced-motion:reduce){.equipment-change{display:none}.in-refuge button,.in-refuge button:after,.in-refuge button>span{transition:none!important;animation:none!important}}.menu-still button:after,.menu-still .refuge-actions button>span{animation:none!important}.menu-still .equipment-change{display:none}.party-lobby{color:#d7dcc0;background:#10252af7;border:2px solid #55735f;padding:20px 24px;font-family:Mage Pixel,monospace;position:absolute;inset:6% 12%;overflow:auto}.party-lobby header{justify-content:space-between;align-items:center;display:flex}.party-lobby h2{letter-spacing:8px;color:#ecdaaa;margin:0;font:56px Mage Pixel,monospace}.party-lobby .eyebrow{margin:0 0 4px}.party-lobby .party-invite{flex-wrap:wrap;align-items:center;gap:12px;margin:15px 0;display:flex}.party-lobby .party-invite button{color:#c5d2b4;background:#294438;border:1px solid #647d60;padding:8px 12px;font-size:15px}.party-lobby .party-invite span{color:#a9c39c;font-size:14px}.party-lobby canvas{aspect-ratio:16/5;width:100%;height:auto;image-rendering:pixelated;display:block}.party-names{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px 0 18px;display:grid}.party-names strong{overflow-wrap:anywhere;font-size:20px;font-weight:400;display:block}.party-names span{color:#91b094;font-size:12px}.party-lobby footer{border-top:2px solid #3c5949;justify-content:space-between;align-items:center;gap:20px;padding-top:15px;display:flex}.party-lobby footer p{color:#a6b69d;font-size:16px}.party-lobby .primary{letter-spacing:0;width:auto;min-width:210px;font:18px Mage Pixel,monospace}.connection-overlay{z-index:30;color:#e9dbb5;background:#0d202ade;flex-direction:column;justify-content:center;align-items:center;font:20px Mage Pixel,monospace;display:flex;position:absolute;inset:0}.connection-overlay strong{font-size:36px;font-weight:400}.connection-overlay button{background:#33503d;padding:12px 24px;font:18px Mage Pixel,monospace}.return-lobby{color:#c4d4b4;z-index:5;background:#152d2be0;padding:7px 10px;font:12px Mage Pixel,monospace;position:absolute;top:72px;right:20px}.in-refuge :is(.refuge-menu,.refuge-page,.refuge-room,.equipment-room,.party-lobby){animation:.16s steps(4,end) both open-page}@keyframes open-page{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.party-lobby button:is(:hover,:focus-visible){color:#fff0c9;outline-offset:3px;background:#496349;outline:2px solid #e4c98d}.party-lobby button:disabled{opacity:.5;cursor:default}.arena-frame:has(>canvas[data-spellbook]) :is(.round-banner,.match-bottom){visibility:hidden}@media (max-height:820px) and (min-width:801px){.party-lobby{padding:14px 22px;inset:5% 12%}.party-lobby h2{font-size:40px}.party-lobby .party-invite{margin:8px 0}.party-lobby canvas{object-fit:contain;max-height:205px}.party-names{width:100%;max-width:656px;margin-inline:auto}.party-names strong{font-size:17px}}@media (max-width:800px){.party-lobby{padding:18px;inset:3%}.party-lobby footer{flex-direction:column}.party-lobby .primary{width:100%}.party-names strong{font-size:14px}.party-names span{font-size:10px}}@media (prefers-reduced-motion:reduce){.in-refuge :is(.refuge-menu,.refuge-page,.refuge-room,.equipment-room,.party-lobby){animation:none}}.menu-still :is(.refuge-menu,.refuge-page,.refuge-room,.equipment-room,.party-lobby){animation:none}