@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Regular.ttf);font-weight:400}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Bold.ttf);font-weight:700}@font-face{font-family:Alegreya Sans;src:url(/fonts/AlegreyaSans-Regular.ttf);font-weight:400}@font-face{font-family:Alegreya Sans;src:url(/fonts/AlegreyaSans-Bold.ttf);font-weight:700}:root{--stone-deep:#1f1916e6;--stone-edge:#786961;--gold:#ffbd4c;--gold-dim:#ffbd4c73;--gold-faint:#ffbd4c26;--parchment:#f2e0b2;--parchment-dim:#f2e0b2b3;--violet:#8c9eff;--violet-glow:#8c9eff2e;--ink:#241a14;--player:#809eff;--rival:#ff8026;--ui-scale:1}.ui{width:calc(100vw / var(--ui-scale));height:720px;transform:scale(var(--ui-scale));transform-origin:0 0;pointer-events:none;color:var(--parchment);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-family:Alegreya Sans,sans-serif;position:fixed;top:0;left:0}:where(.ui *){box-sizing:border-box}:where(.ui div,.ui button){flex-direction:column;flex-shrink:1;min-width:0;display:flex}.ui .display{font-family:Cinzel,serif}.layer{position:absolute;inset:0}.hidden{display:none!important}.menu{justify-content:center;align-items:flex-start;padding-left:7%}.menu--pause{align-items:center;padding-left:0}.menu__backdrop{pointer-events:auto;background-color:#0c090e99;position:absolute;inset:0}.panel{background-color:var(--stone-deep);border:2px solid var(--gold-dim);pointer-events:auto;border-radius:6px;width:380px;max-width:92%;padding:30px 34px 26px;position:relative}.panel--wide{width:560px}.panel--loadout{width:1120px}.title{color:var(--gold);text-shadow:0 2px 6px #0009;font-size:40px;font-weight:700}.title--page{font-size:32px}.ui .lead{color:var(--parchment);margin:0 0 6px;font-size:26px}.ui .body{color:var(--parchment-dim);margin:0 0 14px;font-size:18px}.rule{background-color:var(--gold-dim);height:2px;margin:10px 0 12px}:where(.ui button){font:inherit;cursor:pointer;text-align:center;outline:none;justify-content:center;align-items:center}.menu-button{color:var(--parchment);background-color:#0000;border:0 solid #0000;border-left-width:3px;border-radius:0;margin:1px 0;padding:6px 14px;font-size:22px;transition:background-color .12s,border-color .12s,color .12s;text-align:left!important;align-items:flex-start!important}.menu-button:focus{border-color:var(--violet)}.menu-button:hover:not(:disabled){background-color:var(--violet-glow);border-color:var(--violet);color:#fff}.menu-button:active:not(:disabled){background-color:#8c9eff52}.menu-button:disabled{cursor:default;opacity:.5}.back-button{margin-top:14px}.difficulty{margin:6px 0 8px 17px}.ui .difficulty__label{letter-spacing:1px;color:var(--parchment-dim);margin:0 0 6px;font-size:15px}.ui .segmented{flex-direction:row}.segment{color:var(--parchment-dim);border:1px solid var(--gold-dim);background-color:#00000040;border-radius:0;flex-grow:1;flex-basis:0;margin:0;padding:6px 0;font-size:16px;transition:background-color .12s,color .12s}.segment+.segment{border-left-width:0}.segment:hover,.segment:focus{color:var(--parchment);background-color:var(--violet-glow)}.segment--selected,.segment--selected:hover,.segment--selected:focus{color:var(--ink);background-color:var(--gold);font-weight:700}.setting{margin-bottom:18px}.ui .setting__head{flex-direction:row;justify-content:space-between}.setting__label,.setting__value{font-size:18px}.setting__value{color:var(--gold)}.setting__slider{appearance:none;pointer-events:auto;cursor:pointer;background:0 0;outline:none;width:100%;height:20px;margin:8px 0 0}.setting__slider::-webkit-slider-runnable-track{border:1px solid var(--stone-edge);background:linear-gradient(to right, var(--violet) var(--fill,100%), #00000073 var(--fill,100%));height:6px}.setting__slider::-moz-range-track{border:1px solid var(--stone-edge);background:linear-gradient(to right, var(--violet) var(--fill,100%), #00000073 var(--fill,100%));height:6px}.setting__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:1px solid var(--parchment);border-radius:2px;width:12px;height:18px;margin-top:-7px}.setting__slider::-moz-range-thumb{background:var(--gold);border:1px solid var(--parchment);border-radius:2px;width:12px;height:18px}.setting__slider:focus::-webkit-slider-thumb{border-color:var(--violet)}.ui .control,.ui .stat{border-bottom:1px solid var(--gold-faint);flex-direction:row}.control{padding:4px 0}.control__key{width:160px;color:var(--gold);flex-shrink:0;font-size:15px;font-weight:700}.control__action{flex:1 1 0;font-size:15px}.ui .tip{color:var(--parchment-dim);margin:14px 0 0;font-size:15px}.stat{padding:5px 0}.stat__name{flex-grow:1;font-size:17px}.stat__value{text-align:right;width:96px;color:var(--gold);font-size:17px;font-weight:700}.stat--head>.stat__value{color:var(--parchment-dim);font-size:15px;font-weight:400}.ui .loadout{flex-direction:row}.loadout__slots{flex-shrink:0;width:250px;margin-right:22px}.loadout__pick{flex-grow:1}.ui .loadout__hint{color:var(--parchment-dim);margin:0 0 8px;font-size:15px}.ui .loadout__hint--look{margin-top:6px}.ui .loadout__spells{pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;flex-flow:wrap;place-content:flex-start space-between;max-height:408px;padding-right:6px;overflow-y:auto}.ui .loadout__swatches{flex-flow:wrap}.swatch{border:2px solid var(--gold-faint);border-radius:19px;width:38px;height:38px;margin:0 10px 8px 0;padding:0;transition:border-color .12s,transform .12s}.swatch:hover,.swatch:focus{border-color:var(--parchment);transform:scale(1.1)}.swatch--selected,.swatch--selected:hover,.swatch--selected:focus{border-color:var(--gold);transform:scale(1.15)}.ui .slot-card,.ui .spell-card{text-align:left;color:var(--parchment);border:1px solid var(--gold-faint);background-color:#00000040;border-radius:4px;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 0 8px;padding:6px 10px;transition:background-color .12s,border-color .12s}.ui .spell-card{width:32.6%;height:94px}.ui .slot-card:hover,.ui .spell-card:hover,.ui .slot-card:focus,.ui .spell-card:focus{background-color:var(--violet-glow);border-color:var(--violet)}.ui .slot-card--selected{border-color:var(--gold);background-color:#ffbd4c1f}.ui .spell-card--equipped{border-color:var(--gold-dim)}.spell-icon{background-color:#0a080eb3;background-size:cover;border-radius:22px;flex-shrink:0;width:44px;height:44px;margin-right:10px}.card__text{flex:1 1 0;align-items:flex-start}.slot-card__key{color:var(--parchment-dim);font-size:13px}.spell-card__name{color:var(--parchment);font-size:17px;font-weight:700}.spell-card__line{color:var(--parchment-dim);font-size:12px;line-height:1.2}.spell-card__class{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.spell-card__class--shared{color:var(--parchment-dim)}.spell-card__class--druid{color:#8cdc78}.spell-card__class--illusionist{color:#bea0ff}.spell-card__class--elementalist{color:#ffa050}.spell-card__class--battlemage{color:#96b9ff}.ui .name-field{flex-direction:row;align-items:center;margin:0 0 12px}.name-field>label{color:var(--parchment-dim);margin-right:12px;font-size:18px}.name-field>input{min-width:0;font:inherit;color:var(--parchment);border:1px solid var(--gold-dim);pointer-events:auto;-webkit-user-select:text;user-select:text;background-color:#00000059;border-radius:0;outline:none;flex-grow:1;padding:4px 8px;font-size:20px}.name-field>input:focus{border-color:var(--violet)}.rooms{margin:10px 0 0}.ui .room{border-bottom:1px solid var(--gold-faint);border-left:3px solid #0000;flex-direction:row;align-items:center;padding:6px 0 6px 14px}.ui .room--invited{border-left-color:var(--gold);background-color:var(--gold-faint)}.room__name{width:150px;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:18px;overflow:hidden}.room__detail{color:var(--parchment-dim);flex:1 1 0;font-size:17px}.ui .room__join{border:1px solid var(--gold-dim);flex-shrink:0;width:90px;margin:0;font-size:18px;text-align:center!important;align-items:center!important}.ui .room__join:disabled{opacity:.45}.ui .code-row{flex-direction:row;align-items:center;margin:0 0 8px 17px}.code-row>input{width:140px;font:inherit;letter-spacing:3px;text-transform:uppercase;color:var(--parchment);border:1px solid var(--gold-dim);pointer-events:auto;-webkit-user-select:text;user-select:text;background-color:#00000059;outline:none;margin-right:12px;padding:4px 8px;font-family:Cinzel,serif;font-size:20px}.code-row>input:focus{border-color:var(--violet)}.ui .lobby__section{letter-spacing:1px;color:var(--parchment-dim);margin:8px 0 6px 17px;font-size:15px}.room-panel{background-color:var(--stone-deep);border:1px solid var(--gold-dim);pointer-events:auto;border-radius:4px;align-items:center;width:300px;padding:10px 14px 12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.room-panel__code{letter-spacing:3px;color:var(--gold);font-size:22px}.room-panel__kind,.room-panel__here{color:var(--parchment-dim);font-size:14px}.ui .room-panel .menu-button{margin:4px 0;padding:4px 10px;font-size:18px}.vote{margin-top:12px}.ui .vote__other{color:var(--parchment-dim);margin:0 0 0 17px;font-size:16px}.ui .invite-link{color:var(--parchment-dim);-webkit-user-select:text;user-select:text;pointer-events:auto;padding:0 0 6px 17px;font-size:15px}.hud{padding:16px 20px}.ui .hud__top{flex-direction:row;justify-content:space-between;align-items:flex-start}.ui .hud__right{align-items:stretch;width:300px;max-width:46%}.ui .hud__right>.plate{width:auto;max-width:none}.ui .hud__right>.plate--small{margin-top:6px;padding:6px 12px 8px}.ui .plate--small>.plate__name{margin:0 0 4px;font-size:14px}.plate--small>.bar--health{height:8px}.ui .plate--small>.pips{margin-top:5px}.plate--small .pip{width:10px;height:10px}.plate{background-color:var(--stone-deep);border:1px solid var(--gold-dim);border-radius:4px;width:300px;max-width:46%;padding:10px 14px 12px}.ui .plate__name{letter-spacing:1px;white-space:nowrap;margin:0 0 6px;font-size:17px;font-weight:700;overflow:hidden}.plate__colour{opacity:.85;border-radius:2px;height:3px;margin:0 0 6px}.plate--rival>.plate__name{text-align:right}.bar{background-color:#0000008c;border-radius:2px;height:14px;overflow:hidden}.bar__fill{transform-origin:0;flex-grow:1}.plate--rival .bar__fill{transform-origin:100%}.health-fill--player{background-color:var(--player)}.health-fill--rival{background-color:var(--rival)}.ui .plate__row{flex-direction:row;align-items:center;margin-top:7px}.bar--shield{flex-grow:1;height:6px}.shield-fill{background-color:#80e6ff}.shield-fill--locked{background-color:#666}.ui .plate__stats{flex-direction:row;justify-content:space-between;margin-top:5px}.ui .plate--rival>.plate__stats{flex-direction:row-reverse}.plate-stat{color:var(--parchment-dim);font-size:14px}.plate-stat--ready{color:var(--parchment)}.banner{text-align:center;letter-spacing:6px;color:var(--gold);text-shadow:0 3px 10px #000000bf;opacity:0;font-size:76px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;top:26%;left:0;right:0;transform:scale(.92)}.banner--shown{opacity:1;transform:scale(1)}.damage-number{text-align:center;color:#fff;text-shadow:0 2px 4px #000c;width:80px;margin:-16px 0 0 -40px;font-size:22px;font-weight:700;position:absolute;top:0;left:0}.damage-number--big{color:var(--gold);font-size:30px}.tutorial{align-items:center;position:absolute;bottom:28px;left:0;right:0}.tutorial__box{background-color:var(--stone-deep);border:1px solid var(--gold-dim);border-radius:4px;align-items:center;max-width:720px;padding:12px 22px 14px}.tutorial__step{color:var(--gold);margin:0 0 4px;font-size:15px}.tutorial__prompt{text-align:center;font-size:21px}.ui .pips{flex-direction:row;margin-top:8px}.ui .plate--rival>.pips{flex-direction:row-reverse}.pip{border:2px solid var(--gold-dim);background-color:#0006;border-radius:7px;width:14px;height:14px;margin-right:6px}.plate--rival .pip{margin:0 0 0 6px}.pip--won{background-color:var(--gold);border-color:var(--gold)}.banner-score{text-align:center;color:var(--parchment);text-shadow:0 2px 8px #000000bf;opacity:0;margin-top:100px;font-size:40px;transition:opacity .3s;position:absolute;top:26%;left:0;right:0}.banner-score--shown{opacity:1}.banner-score--small{font-size:22px}.countdown{text-align:center;color:var(--gold);text-shadow:0 4px 12px #000000bf;font-size:120px;font-weight:700;position:absolute;top:28%;left:0;right:0}.countdown-who{text-align:center;color:var(--parchment);text-shadow:0 2px 8px #000000bf;margin-top:150px;font-size:30px;position:absolute;top:28%;left:0;right:0}.ui .dialogue{pointer-events:auto;align-items:center;position:absolute;bottom:28px;left:0;right:0}.dialogue__box{background-color:var(--stone-deep);border:1px solid var(--gold-dim);border-radius:4px;width:760px;padding:14px 24px 12px}.dialogue__speaker{margin:0 0 6px;font-size:20px}.dialogue__text{font-size:21px;line-height:1.35}.dialogue__hint{color:var(--parchment-dim);align-self:flex-end;margin:8px 0 0;font-size:13px}.ui .progress-line{color:var(--parchment-dim);margin:-6px 0 8px}.ui .swatch--locked{opacity:.25;cursor:default}