From da52c1dcfd3fd923c2439866e8941b622c516a99 Mon Sep 17 00:00:00 2001 From: Lukas Obermann Date: Wed, 28 Dec 2016 16:06:39 +1300 Subject: [PATCH] Added skills sheet --- dist/bundle.js | 964 ++++++++++++++++++++--- dist/bundle.min.css | 2 +- dist/favicon.png | Bin 0 -> 5654 bytes dist/images/logo.svg | 26 + dist/index.html | 2 +- js/Headings.scss | 2 +- js/utils/data/Talent.js | 4 +- js/views/_Views.scss | 2 +- js/views/profile/AttributeCheckMods.js | 46 ++ js/views/profile/AttributeCheckMods.scss | 73 ++ js/views/profile/ChantSheet.js | 2 +- js/views/profile/CombatSheet.js | 34 +- js/views/profile/MainSheet.scss | 2 +- js/views/profile/SheetHeader.js | 1 + js/views/profile/SheetHeader.scss | 10 + js/views/profile/Sheets.js | 4 +- js/views/profile/Sheets.scss | 2 + js/views/profile/SkillsSheet.js | 197 +++++ js/views/profile/SkillsSheet.scss | 219 +++++ js/views/profile/SpellsSheet.js | 2 +- js/views/profile/TalentsSheet.js | 41 - js/views/profile/TalentsSheet.scss | 111 --- 22 files changed, 1434 insertions(+), 312 deletions(-) create mode 100644 dist/favicon.png create mode 100644 dist/images/logo.svg create mode 100644 js/views/profile/AttributeCheckMods.js create mode 100644 js/views/profile/AttributeCheckMods.scss create mode 100644 js/views/profile/SkillsSheet.js create mode 100644 js/views/profile/SkillsSheet.scss delete mode 100644 js/views/profile/TalentsSheet.js delete mode 100644 js/views/profile/TalentsSheet.scss diff --git a/dist/bundle.js b/dist/bundle.js index 8967221a..61c6c04d 100644 --- a/dist/bundle.js +++ b/dist/bundle.js @@ -30125,11 +30125,11 @@ constructor(args) { super(args); - let enc = args.enc, + let be = args.be, spec = args.spec, spec_input = args.spec_input; - this.enc = enc; + this.enc = be; this.spec = spec; this.spec_input = spec_input; @@ -43190,9 +43190,9 @@ var _SpellsSheet2 = _interopRequireDefault(_SpellsSheet); - var _TalentsSheet = __webpack_require__(470); + var _SkillsSheet = __webpack_require__(470); - var _TalentsSheet2 = _interopRequireDefault(_TalentsSheet); + var _SkillsSheet2 = _interopRequireDefault(_SkillsSheet); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -43211,7 +43211,7 @@ _Scroll2.default, { className: 'sheet-wrapper' }, _react2.default.createElement(_MainSheet2.default, null), - _react2.default.createElement(_TalentsSheet2.default, null), + _react2.default.createElement(_SkillsSheet2.default, null), _react2.default.createElement(_CombatSheet2.default, null), _react2.default.createElement(_InventorySheet2.default, null), _react2.default.createElement(_SpellsSheet2.default, null), @@ -43256,7 +43256,7 @@ return _react2.default.createElement( 'div', { className: 'sheet chants' }, - _react2.default.createElement(_SheetHeader2.default, { title: 'Liturgien & Zeremonien', add: addHeader }), + _react2.default.createElement(_SheetHeader2.default, { title: 'Liturgien & Zeremonien', add: [] }), _react2.default.createElement( 'div', { className: 'upper' }, @@ -43316,7 +43316,8 @@ 'p', null, title - ) + ), + _react2.default.createElement('img', { src: 'images/logo.svg', alt: '' }) ), _react2.default.createElement( 'div', @@ -43453,38 +43454,6 @@ value: true }); - var _AttributeStore = __webpack_require__(314); - - var _AttributeStore2 = _interopRequireDefault(_AttributeStore); - - var _APStore = __webpack_require__(303); - - var _APStore2 = _interopRequireDefault(_APStore); - - var _CultureStore = __webpack_require__(288); - - var _CultureStore2 = _interopRequireDefault(_CultureStore); - - var _DisAdvStore = __webpack_require__(400); - - var _DisAdvStore2 = _interopRequireDefault(_DisAdvStore); - - var _ELStore = __webpack_require__(297); - - var _ELStore2 = _interopRequireDefault(_ELStore); - - var _ProfessionStore = __webpack_require__(298); - - var _ProfessionStore2 = _interopRequireDefault(_ProfessionStore); - - var _ProfessionVariantStore = __webpack_require__(299); - - var _ProfessionVariantStore2 = _interopRequireDefault(_ProfessionVariantStore); - - var _RaceStore = __webpack_require__(300); - - var _RaceStore2 = _interopRequireDefault(_RaceStore); - var _react = __webpack_require__(6); var _react2 = _interopRequireDefault(_react); @@ -43493,41 +43462,25 @@ var _SheetHeader2 = _interopRequireDefault(_SheetHeader); + var _secondaryAttributes = __webpack_require__(313); + + var secondaryAttributes = _interopRequireWildcard(_secondaryAttributes); + var _TextBox = __webpack_require__(456); var _TextBox2 = _interopRequireDefault(_TextBox); + function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } class CombatSheet extends _react.Component { + render() { - const source = { - attributes: _AttributeStore2.default.getAll(), - baseValues: _AttributeStore2.default.getBaseValues(), - race: _RaceStore2.default.getCurrentName(), - culture: _CultureStore2.default.getCurrentName(), - profession: _ProfessionVariantStore2.default.getCurrentName() !== null ? `${ _ProfessionStore2.default.getCurrentName() } (${ _ProfessionVariantStore2.default.getCurrentName() })` : _ProfessionStore2.default.getCurrentName(), - el: _ELStore2.default.getStart().name, - apTotal: _APStore2.default.getTotal(), - apUsed: _APStore2.default.getSpent(), - advActive: _DisAdvStore2.default.getActiveForView(true), - disadvActive: _DisAdvStore2.default.getActiveForView(false) - }; + const addHeader = secondaryAttributes.getAll(); - const attributes = source.attributes, - baseValues = source.baseValues, - race = source.race, - culture = source.culture, - profession = source.profession, - el = source.el, - apTotal = source.apTotal, - apUsed = source.apUsed, - advActive = source.advActive, - disadvActive = source.disadvActive; - - - const addHeader = attributes.length > 0 ? [{ short: 'LE', value: baseValues.le + attributes[6].value * 2 }, { short: 'AW', value: Math.round(attributes[5].value / 2) }, { short: 'INI', value: Math.round((attributes[0].value + attributes[5].value) / 2) }, { short: 'SK', value: baseValues.sk + Math.round((attributes[0].value + attributes[1].value + attributes[2].value) / 6) }, { short: 'ZK', value: baseValues.zk + Math.round((attributes[6].value * 2 + attributes[7].value) / 6) }, { short: 'WS', value: Math.round(attributes[6].value / 2) }] : []; + addHeader.splice(1, 2); return _react2.default.createElement( 'div', @@ -44836,7 +44789,7 @@ return _react2.default.createElement( 'div', { className: 'sheet spells' }, - _react2.default.createElement(_SheetHeader2.default, { title: 'Zauber & Rituale', add: addHeader }), + _react2.default.createElement(_SheetHeader2.default, { title: 'Zauber & Rituale', add: [] }), _react2.default.createElement( 'div', { className: 'upper' }, @@ -44857,37 +44810,15 @@ value: true }); - var _AttributeStore = __webpack_require__(314); + var _AttributeCheckMods = __webpack_require__(514); - var _AttributeStore2 = _interopRequireDefault(_AttributeStore); + var _AttributeCheckMods2 = _interopRequireDefault(_AttributeCheckMods); - var _APStore = __webpack_require__(303); + var _Categories = __webpack_require__(289); - var _APStore2 = _interopRequireDefault(_APStore); + var _Categories2 = _interopRequireDefault(_Categories); - var _CultureStore = __webpack_require__(288); - - var _CultureStore2 = _interopRequireDefault(_CultureStore); - - var _DisAdvStore = __webpack_require__(400); - - var _DisAdvStore2 = _interopRequireDefault(_DisAdvStore); - - var _ELStore = __webpack_require__(297); - - var _ELStore2 = _interopRequireDefault(_ELStore); - - var _ProfessionStore = __webpack_require__(298); - - var _ProfessionStore2 = _interopRequireDefault(_ProfessionStore); - - var _ProfessionVariantStore = __webpack_require__(299); - - var _ProfessionVariantStore2 = _interopRequireDefault(_ProfessionVariantStore); - - var _RaceStore = __webpack_require__(300); - - var _RaceStore2 = _interopRequireDefault(_RaceStore); + var _ListStore = __webpack_require__(194); var _react = __webpack_require__(6); @@ -44903,47 +44834,697 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - class TalentsSheet extends _react.Component { + const getRoutineValue = (sr, attributes) => { + if (sr > 0) { + const lessAttrPoints = attributes.map(e => e < 13 ? 13 - e : 0).reduce((a, b) => a + b, 0); + const flatRoutineLevel = Math.floor((sr - 1) / 3); + const checkMod = flatRoutineLevel * -1 + 3; + const dependentCheckMod = checkMod + lessAttrPoints; + return dependentCheckMod < 4 ? [dependentCheckMod, lessAttrPoints > 0] : false; + } + return false; + }; + + const iterateList = arr => arr.map(obj => { + const id = obj.id, + name = obj.name, + check = obj.check, + enc = obj.enc, + ic = obj.ic, + value = obj.value; + + const checkValues = check.map(e => (0, _ListStore.get)(e).value); + const checkString = check.map(e => (0, _ListStore.get)(e).short).join('/'); + const encString = enc === 'true' ? 'Ja' : enc === 'false' ? 'Nein' : 'Evtl'; + const ics = ['A', 'B', 'C', 'D']; + const routine = getRoutineValue(value, checkValues); + const routineSign = routine[0] > 0 ? '+' : ''; + return _react2.default.createElement( + 'tr', + { key: id }, + _react2.default.createElement( + 'td', + { className: 'name' }, + name + ), + _react2.default.createElement( + 'td', + { className: 'check' }, + checkString + ), + _react2.default.createElement( + 'td', + { className: 'enc' }, + encString + ), + _react2.default.createElement( + 'td', + { className: 'ic' }, + ics[ic - 1] + ), + _react2.default.createElement( + 'td', + { className: 'sr' }, + value + ), + _react2.default.createElement( + 'td', + { className: 'routine' }, + routineSign, + Array.isArray(routine) ? routine[0] : '-', + routine[1] ? '!' : '' + ), + _react2.default.createElement('td', { className: 'comment' }) + ); + }); + + class SkillsSheet extends _react.Component { + render() { - const source = { - attributes: _AttributeStore2.default.getAll(), - baseValues: _AttributeStore2.default.getBaseValues(), - race: _RaceStore2.default.getCurrentName(), - culture: _CultureStore2.default.getCurrentName(), - profession: _ProfessionVariantStore2.default.getCurrentName() !== null ? `${ _ProfessionStore2.default.getCurrentName() } (${ _ProfessionVariantStore2.default.getCurrentName() })` : _ProfessionStore2.default.getCurrentName(), - el: _ELStore2.default.getStart().name, - apTotal: _APStore2.default.getTotal(), - apUsed: _APStore2.default.getSpent(), - advActive: _DisAdvStore2.default.getActiveForView(true), - disadvActive: _DisAdvStore2.default.getActiveForView(false) - }; + const talents = (0, _ListStore.getAllByCategory)(_Categories2.default.TALENTS); - const attributes = source.attributes, - baseValues = source.baseValues, - race = source.race, - culture = source.culture, - profession = source.profession, - el = source.el, - apTotal = source.apTotal, - apUsed = source.apUsed, - advActive = source.advActive, - disadvActive = source.disadvActive; + const talentGroups = [[], [], [], [], []]; + talents.forEach(obj => talentGroups[obj.gr - 1].push(obj)); + + const groupChecksIds = [['COU', 'AGI', 'STR'], ['INT', 'CHA', 'CHA'], ['COU', 'AGI', 'CON'], ['SGC', 'SGC', 'INT'], ['DEX', 'DEX', 'CON']]; + + const groupChecks = groupChecksIds.map(arr => arr.map(e => (0, _ListStore.get)(e).short).join('/')); return _react2.default.createElement( 'div', - { className: 'sheet talents' }, + { className: 'sheet', id: 'skills-sheet' }, _react2.default.createElement(_SheetHeader2.default, { title: 'Spielwerte' }), + _react2.default.createElement( + _TextBox2.default, + { label: 'Fertigkeiten' }, + _react2.default.createElement( + 'div', + { className: 'upper' }, + _react2.default.createElement( + 'table', + null, + _react2.default.createElement( + 'thead', + null, + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + { className: 'name' }, + 'Talent' + ), + _react2.default.createElement( + 'td', + { className: 'check' }, + 'Probe' + ), + _react2.default.createElement( + 'td', + { className: 'enc' }, + 'BE' + ), + _react2.default.createElement( + 'td', + { className: 'ic' }, + 'Sf.' + ), + _react2.default.createElement( + 'td', + { className: 'sr' }, + 'Fw' + ), + _react2.default.createElement( + 'td', + { className: 'routine' }, + 'R' + ), + _react2.default.createElement( + 'td', + { className: 'comment' }, + 'Anmerkung' + ) + ) + ), + _react2.default.createElement( + 'tbody', + null, + _react2.default.createElement( + 'tr', + { className: 'group' }, + _react2.default.createElement( + 'td', + { className: 'name' }, + 'K\xF6rpertalente' + ), + _react2.default.createElement( + 'td', + { className: 'check' }, + groupChecks[0] + ), + _react2.default.createElement('td', { className: 'enc' }), + _react2.default.createElement('td', { className: 'ic' }), + _react2.default.createElement('td', { className: 'sr' }), + _react2.default.createElement('td', { className: 'routine' }), + _react2.default.createElement( + 'td', + { className: 'comment' }, + 'S. 188-194' + ) + ), + iterateList(talentGroups[0]), + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null) + ), + _react2.default.createElement( + 'tr', + { className: 'group' }, + _react2.default.createElement( + 'td', + { className: 'name' }, + 'Gesellschaftstalente' + ), + _react2.default.createElement( + 'td', + { className: 'check' }, + groupChecks[1] + ), + _react2.default.createElement('td', { className: 'enc' }), + _react2.default.createElement('td', { className: 'ic' }), + _react2.default.createElement('td', { className: 'sr' }), + _react2.default.createElement('td', { className: 'routine' }), + _react2.default.createElement( + 'td', + { className: 'comment' }, + 'S. 194-198' + ) + ), + iterateList(talentGroups[1]), + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null) + ), + _react2.default.createElement( + 'tr', + { className: 'group' }, + _react2.default.createElement( + 'td', + { className: 'name' }, + 'Naturtalente' + ), + _react2.default.createElement( + 'td', + { className: 'check' }, + groupChecks[2] + ), + _react2.default.createElement('td', { className: 'enc' }), + _react2.default.createElement('td', { className: 'ic' }), + _react2.default.createElement('td', { className: 'sr' }), + _react2.default.createElement('td', { className: 'routine' }), + _react2.default.createElement( + 'td', + { className: 'comment' }, + 'S. 198-201' + ) + ), + iterateList(talentGroups[2]) + ) + ), + _react2.default.createElement( + 'table', + null, + _react2.default.createElement( + 'thead', + null, + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + { className: 'name' }, + 'Talent' + ), + _react2.default.createElement( + 'td', + { className: 'check' }, + 'Probe' + ), + _react2.default.createElement( + 'td', + { className: 'enc' }, + 'BE' + ), + _react2.default.createElement( + 'td', + { className: 'ic' }, + 'Sf.' + ), + _react2.default.createElement( + 'td', + { className: 'sr' }, + 'Fw' + ), + _react2.default.createElement( + 'td', + { className: 'routine' }, + 'R' + ), + _react2.default.createElement( + 'td', + { className: 'comment' }, + 'Anmerkung' + ) + ) + ), + _react2.default.createElement( + 'tbody', + null, + _react2.default.createElement( + 'tr', + { className: 'group' }, + _react2.default.createElement( + 'td', + { className: 'name' }, + 'Wissenstalente' + ), + _react2.default.createElement( + 'td', + { className: 'check' }, + groupChecks[3] + ), + _react2.default.createElement('td', { className: 'enc' }), + _react2.default.createElement('td', { className: 'ic' }), + _react2.default.createElement('td', { className: 'sr' }), + _react2.default.createElement('td', { className: 'routine' }), + _react2.default.createElement( + 'td', + { className: 'comment' }, + 'S. 201-206' + ) + ), + iterateList(talentGroups[3]), + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null) + ), + _react2.default.createElement( + 'tr', + { className: 'group' }, + _react2.default.createElement( + 'td', + { className: 'name' }, + 'Handwerkstalente' + ), + _react2.default.createElement( + 'td', + { className: 'check' }, + groupChecks[4] + ), + _react2.default.createElement('td', { className: 'enc' }), + _react2.default.createElement('td', { className: 'ic' }), + _react2.default.createElement('td', { className: 'sr' }), + _react2.default.createElement('td', { className: 'routine' }), + _react2.default.createElement( + 'td', + { className: 'comment' }, + 'S. 206-213' + ) + ), + iterateList(talentGroups[4]) + ) + ) + ) + ), _react2.default.createElement( 'div', - { className: 'upper' }, - _react2.default.createElement(_TextBox2.default, { label: 'Fertigkeiten' }) + { className: 'lower' }, + _react2.default.createElement( + 'div', + { className: 'abilites' }, + _react2.default.createElement( + _TextBox2.default, + { label: 'Sprachen' }, + _react2.default.createElement( + 'table', + { className: 'languages-list' }, + _react2.default.createElement( + 'tbody', + null, + (0, _ListStore.get)('SA_30').active.map(e => [(0, _ListStore.get)('SA_30').sel[e[0] - 1][0], e[1], (0, _ListStore.get)('SA_30').sel[e[0] - 1][1]]).sort((a, b) => a[1] < b[1] ? 1 : a[1] > b[1] ? -1 : a[0] < b[0] ? -1 : a[0] > b[0] ? 1 : 0).map(e => _react2.default.createElement( + 'tr', + { key: `lang-${ e[2] }` }, + _react2.default.createElement( + 'td', + null, + e[0] + ), + _react2.default.createElement( + 'td', + null, + e[1] === 4 ? 'MS' : e[1] + ) + )) + ) + ) + ), + _react2.default.createElement( + _TextBox2.default, + { label: 'Schriften' }, + _react2.default.createElement( + 'div', + { className: 'scripts-list' }, + (0, _ListStore.get)('SA_28').active.map(e => (0, _ListStore.get)('SA_28').sel[e - 1][0]).sort().join(', ') + ) + ) + ), + _react2.default.createElement(_AttributeCheckMods2.default, null), + _react2.default.createElement( + _TextBox2.default, + { className: 'routine-checks', label: 'Routineproben' }, + _react2.default.createElement( + 'p', + null, + 'Alle Proben-Eigenschaften auf 13+' + ), + _react2.default.createElement( + 'p', + null, + 'Optional:' + ), + _react2.default.createElement( + 'p', + null, + 'Je fehlendem Eigenschaftspunkt' + ), + _react2.default.createElement( + 'p', + null, + 'Fw um drei h\xF6her als angegeben' + ), + _react2.default.createElement( + 'table', + null, + _react2.default.createElement( + 'thead', + null, + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + _react2.default.createElement( + 'div', + null, + 'Proben-', + _react2.default.createElement('br', null), + 'Mod.' + ) + ), + _react2.default.createElement( + 'td', + null, + _react2.default.createElement( + 'div', + null, + 'N\xF6tiger', + _react2.default.createElement('br', null), + 'Fw' + ) + ), + _react2.default.createElement( + 'td', + null, + _react2.default.createElement( + 'div', + null, + 'Proben-', + _react2.default.createElement('br', null), + 'Mod.' + ) + ), + _react2.default.createElement( + 'td', + null, + _react2.default.createElement( + 'div', + null, + 'N\xF6tiger', + _react2.default.createElement('br', null), + 'Fw' + ) + ) + ) + ), + _react2.default.createElement( + 'tbody', + null, + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + 'ab +3' + ), + _react2.default.createElement( + 'td', + null, + '1' + ), + _react2.default.createElement( + 'td', + null, + '-1' + ), + _react2.default.createElement( + 'td', + null, + '13' + ) + ), + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + '+2' + ), + _react2.default.createElement( + 'td', + null, + '4' + ), + _react2.default.createElement( + 'td', + null, + '-2' + ), + _react2.default.createElement( + 'td', + null, + '16' + ) + ), + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + '+1' + ), + _react2.default.createElement( + 'td', + null, + '7' + ), + _react2.default.createElement( + 'td', + null, + '-3' + ), + _react2.default.createElement( + 'td', + null, + '19' + ) + ), + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + '+/-0' + ), + _react2.default.createElement( + 'td', + null, + '10' + ), + _react2.default.createElement('td', null), + _react2.default.createElement('td', null) + ) + ) + ) + ), + _react2.default.createElement( + _TextBox2.default, + { className: 'quality-levels', label: 'Qualit\xE4tsstufen' }, + _react2.default.createElement( + 'table', + null, + _react2.default.createElement( + 'thead', + null, + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + _react2.default.createElement( + 'div', + null, + 'Fertigkeits-', + _react2.default.createElement('br', null), + 'punkte' + ) + ), + _react2.default.createElement( + 'td', + null, + _react2.default.createElement( + 'div', + null, + 'Qualit\xE4ts-', + _react2.default.createElement('br', null), + 'stufe' + ) + ) + ) + ), + _react2.default.createElement( + 'tbody', + null, + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + '0-3' + ), + _react2.default.createElement( + 'td', + null, + '1' + ) + ), + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + '4-6' + ), + _react2.default.createElement( + 'td', + null, + '2' + ) + ), + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + '7-9' + ), + _react2.default.createElement( + 'td', + null, + '3' + ) + ), + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + '10-12' + ), + _react2.default.createElement( + 'td', + null, + '4' + ) + ), + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + '13-15' + ), + _react2.default.createElement( + 'td', + null, + '5' + ) + ), + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement( + 'td', + null, + '16+' + ), + _react2.default.createElement( + 'td', + null, + '6' + ) + ) + ) + ) + ) ) ); } } - exports.default = TalentsSheet; + exports.default = SkillsSheet; /***/ }, /* 471 */ @@ -49861,5 +50442,150 @@ // removed by extract-text-webpack-plugin +/***/ }, +/* 513 */, +/* 514 */ +/***/ function(module, exports, __webpack_require__) { + + 'use strict'; + + Object.defineProperty(exports, "__esModule", { + value: true + }); + + var _AttributeStore = __webpack_require__(314); + + var _AttributeStore2 = _interopRequireDefault(_AttributeStore); + + var _classnames = __webpack_require__(312); + + var _classnames2 = _interopRequireDefault(_classnames); + + var _react = __webpack_require__(6); + + var _react2 = _interopRequireDefault(_react); + + var _TextBox = __webpack_require__(456); + + var _TextBox2 = _interopRequireDefault(_TextBox); + + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + + class AttributeCheckMods extends _react.Component { + + render() { + + const attributes = _AttributeStore2.default.getAll(); + + return _react2.default.createElement( + _TextBox2.default, + { className: 'attribute-check-mods', label: 'Eigenschaftsmodifikationen' }, + _react2.default.createElement( + 'table', + null, + _react2.default.createElement( + 'thead', + null, + _react2.default.createElement( + 'tr', + null, + _react2.default.createElement('td', { className: 'name' }), + _react2.default.createElement( + 'td', + null, + '-3' + ), + _react2.default.createElement( + 'td', + null, + '-2' + ), + _react2.default.createElement( + 'td', + null, + '-1' + ), + _react2.default.createElement( + 'td', + { className: 'null' }, + '0' + ), + _react2.default.createElement( + 'td', + null, + '+1' + ), + _react2.default.createElement( + 'td', + null, + '+2' + ), + _react2.default.createElement( + 'td', + null, + '+3' + ) + ) + ), + _react2.default.createElement( + 'tbody', + null, + attributes.map(obj => { + const id = obj.id, + short = obj.short, + value = obj.value; + + return _react2.default.createElement( + 'tr', + { key: id, className: id }, + _react2.default.createElement( + 'td', + { className: 'name' }, + short + ), + _react2.default.createElement( + 'td', + null, + value - 3 + ), + _react2.default.createElement( + 'td', + null, + value - 2 + ), + _react2.default.createElement( + 'td', + null, + value - 1 + ), + _react2.default.createElement( + 'td', + { className: 'null' }, + value + ), + _react2.default.createElement( + 'td', + null, + value + 1 + ), + _react2.default.createElement( + 'td', + null, + value + 2 + ), + _react2.default.createElement( + 'td', + null, + value + 3 + ) + ); + }) + ) + ) + ); + } + } + exports.default = AttributeCheckMods; + /***/ } /******/ ]); \ No newline at end of file diff --git a/dist/bundle.min.css b/dist/bundle.min.css index 64fe4863..f32996fb 100644 --- a/dist/bundle.min.css +++ b/dist/bundle.min.css @@ -1 +1 @@ -#disadv tr td,#specialabilities tbody tr td{height:42px}#disadv tr td.name>div,#specialabilities tbody tr td.name>div{display:flex;align-items:center}#disadv tr td.name>div>h2,#specialabilities tbody tr td.name>div>h2,#disadv tr td.name>div>div,#specialabilities tbody tr td.name>div>div{flex:none;margin:0}#disadv tr td.name>div>div,#specialabilities tbody tr td.name>div>div{margin-left:14px}#disadv tr td.name>div>div.tiers,#specialabilities tbody tr td.name>div>div.tiers{width:65px}html,body,#bodywrapper,#body,main,section{width:100%;height:100%;position:relative}#disadv tr.imp td{color:#c89c3d}#disadv tr.imp td.name h2,#disadv tr.imp td.fw{color:#fabe0a}#disadv tr.typ td,#talents tr.typ td{color:#005177}#disadv tr.typ td.name h2,#talents tr.typ td.name h2,#disadv tr.typ td.fw,#talents tr.typ td.fw{color:#0acbe6}#disadv tr.untyp td,#talents tr.untyp td{color:#aa1b32}#disadv tr.untyp td.name h2,#talents tr.untyp td.name h2,#disadv tr.untyp td.fw,#talents tr.untyp td.fw{color:#ff2345}#herolist li:hover::after,#rcp li.active::after{position:absolute;left:-11px;top:-1px;width:-webkit-calc(100% + 5px);width:calc(100% + 5px);height:100%;content:"";border-image:linear-gradient(to right, #fabe0a 0%, rgba(250,190,10,0) 100%);border-image-slice:1;border-width:1px 0 1px 6px;border-style:solid;border-color:transparent;pointer-events:none}@font-face{font-family:"C5AUI";font-style:normal;font-weight:normal;src:url("fonts/Cha5App UI/Cha5App-UI.ttf") format("truetype")}@font-face{font-family:"Material";font-style:normal;font-weight:normal;src:url("fonts/Material/MaterialIcons-Regular.ttf") format("truetype")}@font-face{font-family:"Alegreya";font-style:normal;font-weight:700;src:url("fonts/Alegreya-Bold.ttf") format("truetype")}@font-face{font-family:"Alegreya";font-style:italic;font-weight:700;src:url("fonts/Alegreya-BoldItalic.ttf") format("truetype")}@font-face{font-family:"Alegreya";font-style:normal;font-weight:400;src:url("fonts/Alegreya-Regular.ttf") format("truetype")}@font-face{font-family:"Alegreya SC";font-style:normal;font-weight:700;src:url("fonts/AlegreyaSC-Bold.ttf") format("truetype")}@font-face{font-family:"Alegreya SC";font-style:normal;font-weight:400;src:url("fonts/AlegreyaSC-Regular.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:700;src:url("fonts/AlegreyaSans-Bold.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:italic;font-weight:700;src:url("fonts/AlegreyaSans-BoldItalic.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:900;src:url("fonts/AlegreyaSans-ExtraBold.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:italic;font-weight:900;src:url("fonts/AlegreyaSans-ExtraBoldItalic.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:italic;font-weight:400;src:url("fonts/AlegreyaSans-Italic.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:500;src:url("fonts/AlegreyaSans-Medium.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:italic;font-weight:500;src:url("fonts/AlegreyaSans-MediumItalic.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:400;src:url("fonts/AlegreyaSans-Regular.ttf") format("truetype")}@font-face{font-family:"Gentium Basic";font-style:normal;font-weight:400;src:url("fonts/GentiumBasic-Regular.ttf") format("truetype")}h2,h3,h4,h5,h6{font-weight:normal;text-align:left;text-transform:none;padding:0;color:#f1e6d4;font:bold 18px/28px Alegreya;margin:20px 0 0;letter-spacing:0.05em}h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0 !important}h2{text-transform:uppercase}h4{font-size:bold 14px/22px Alegreya;color:#878683;letter-spacing:0.025em;text-transform:uppercase}*{box-sizing:border-box;-ms-overflow-style:none}*:not(input):not(textarea){-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}a{color:#0080b9}a:hover{color:#52abd1}p{margin:10px 0 0}p:first-child{margin:0}p.featured{font-weight:500;color:#f1e6d4}.default-1-1{width:100%}.avatar{background:center/cover no-repeat black;box-shadow:0 0 1px 1px black inset;border-radius:50%}.avatar.no-avatar{box-shadow:none;background:none}.avatar-wrapper{background:linear-gradient(to bottom, #9a7830 0%, #6d5024 100%);padding:2px;border-radius:50%;position:relative}.avatar-wrapper>.avatar{height:100%;width:100%}.avatar-wrapper.no-avatar{border:2px solid #2b2f34;padding:0;background:none}.avatar-wrapper.no-avatar>.avatar{box-shadow:none;background:none}.btn,input[type="submit"]{text-align:center;background-color:#1a1a1a;padding:3px 16px 6px;letter-spacing:0.05em;border:2px solid transparent;border-image:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%) 1 1 1 1;display:inline-block;box-shadow:0 0 2px black inset, 0 0 2px black;font:400 17px/19px "Alegreya SC";text-transform:lowercase;color:#c8a86f;margin-top:22px;min-width:140px}.btn:hover,.btn:active,input[type="submit"]:hover,input[type="submit"]:active{background-image:linear-gradient(to bottom, rgba(200,155,60,0) 50%, rgba(200,155,60,0.25) 100%);cursor:pointer}.btn:hover,input[type="submit"]:hover{border-image:linear-gradient(to bottom, #f0e6d2 0%, #c89b3c 100%) 1 1 1 1;color:#f0e6d2}.btn:active,input[type="submit"]:active{border-image:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%) 1 1 1 1;color:#5c5b57}.btn{margin-top:0;text-decoration:none}.btn.btn-primary{border-image:linear-gradient(to bottom, #0abdb7 0%, #0abdb7 60%, #0c4550 100%) 1 1 1 1;color:#a3c7c7;background-color:rgba(16,23,33,0.5);min-width:160px}.btn.btn-primary:hover{border-image:linear-gradient(to bottom, #b4fbfb 0%, #4bb8d9 100%) 1 1 1 1;color:#caf8f7;text-shadow:0 0 3px #4be3de;box-shadow:0 0 4px rgba(75,227,222,0.6),0 0 4px rgba(75,227,222,0.6) inset;background-image:linear-gradient(rgba(75,184,217,0) 0%, rgba(75,184,217,0.25) 100%)}.btn.btn-primary:active{background-color:transparent;color:#0d404c;text-shadow:none;border:2px solid #0c4550;box-shadow:0 0 4px rgba(75,227,222,0.2),0 0 4px rgba(75,227,222,0.2) inset;background-image:linear-gradient(rgba(75,184,217,0) 0%, rgba(75,184,217,0.125) 100%)}.btn.fullWidth{display:block}.btn.disabled{border-image:none !important;box-shadow:none}.box{border:0.3mm solid black}.btn{height:32px;color:#c8aa6e;text-align:center;overflow:hidden}.btn:hover,.btn:active{cursor:pointer}.btn.disabled{border:2px solid #31353a;background:none;color:#31353a;pointer-events:none}.btn.autoWidth{width:auto;min-width:auto}.checkbox{display:flex;padding:6px 11px 6px 0;margin:0 1px}.checkbox:hover{background:#1e2328;cursor:pointer}.checkbox:hover .icon .border{border-image:linear-gradient(to bottom, #785a28 0%, #ccbe91 100%);border-image-slice:1}.checkbox:hover .icon .hook{border-color:#f1e6d4}.checkbox:hover .text{color:#f1e6d4;cursor:pointer}.checkbox .icon{flex:1 0%;margin:4px 0 5px}.checkbox .icon .border{height:11px;width:11px;border:1px solid #785a28;box-shadow:0 0 0 1px rgba(0,0,0,0.15),0 0 3px 1px rgba(0,0,0,0.15) inset}.checkbox .icon .hook{visibility:hidden;margin-left:5px;margin-top:-13px;height:10px;width:4px;transform:rotate(45deg);border-width:0 1px 1px 0;border-color:#c8aa6e;border-style:solid}.checkbox.active .hook{visibility:visible}.checkbox.active .text{color:#f1e6d4}.checkbox.disabled{pointer-events:none}.checkbox.disabled .icon{flex:1 0%;margin:4px 0 5px}.checkbox.disabled .icon .border{border:1px solid rgba(122,123,118,0.5);box-shadow:0 none}.checkbox.disabled .icon .hook{border-color:#7a7b76}.checkbox.disabled .text{color:#7a7b76}.checkbox .text{flex:0 100%;color:#c89b3c;font:400 12px/20px Alegreya Sans;text-transform:uppercase;letter-spacing:0.05em;padding-left:11px}.modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;background:rgba(0,0,0,0.4);z-index:10000;justify-content:center;align-items:center}.modal-backdrop .modal-container{width:380px;height:auto;background:#010a13;border:1px solid #785a28;position:relative}.modal-backdrop .modal-container:before,.modal-backdrop .modal-container:after{position:absolute;display:block;content:"";width:-webkit-calc(100% - 10px);width:calc(100% - 10px);height:2px;left:4px;background:#785a28}.modal-backdrop .modal-container:before{top:-5px}.modal-backdrop .modal-container:after{bottom:-5px}.modal-backdrop .modal-container .modal-close{width:36px;height:36px;display:block;position:absolute;border-radius:50%;background:#010a13;border:1px solid #785a28;right:-18px;top:-18px}.modal-backdrop .modal-container .modal-close>div{border:1.5px solid #bda36c;border-radius:50%;color:#bda36c;margin:2px;font:14px/27px "C5AUI";text-align:center}.modal-backdrop .modal-container .modal-close:hover{cursor:pointer}.modal-backdrop .modal-container .modal-close:hover>div{color:#f1e6d4}.modal-backdrop .modal-container .modal-header{padding:24px 24px 15px}.modal-backdrop .modal-container .modal-header .modal-header-inner{font:bold 20px/24px Alegreya SC;color:#f1e6d4;letter-spacing:0.1em;text-transform:uppercase}.modal-backdrop .modal-container .modal-content{position:relative;height:-webkit-calc(100% - 77px);height:calc(100% - 77px)}.modal-backdrop .modal-container .modal-content .modal-content-inner{color:#878683;font:11px/16px "Source Sans Pro";letter-spacing:0.05em;padding:0 24px 55px}.modal-backdrop .modal-container .modal-content .modal-content-inner p{margin-top:14px}.modal-backdrop .modal-container .modal-content .modal-content-inner p span.link{color:#015175;display:block;letter-spacing:0.03em;line-height:22px}.modal-backdrop .modal-container .modal-content .modal-content-inner p span.link:hover{color:#3685a7;cursor:pointer}.modal-backdrop .modal-container .modal-content .modal-content-inner>div{margin-top:14px}.modal-backdrop .modal-container .modal-content .modal-content-inner>div:first-child{margin-top:0}.modal-backdrop .modal-container .dialog-buttons{display:flex;justify-content:center;position:absolute;width:100%;height:32px;left:0;bottom:-1px}.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner{background:#010a13;position:relative;padding:0 1px}.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner>div{box-shadow:0 none;margin:0 1px}.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner>div:first-child:before,.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner>div:last-child:after{position:absolute;display:block;content:"";height:11px;width:1px;bottom:0;background:#785a28}.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner>div:first-child:before{left:-1px}.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner>div:last-child:after{right:-1px}.dropdown{width:280px;margin:10px 0;font:500 13px/30px Alegreya Sans}.dropdown>div{position:relative}.dropdown>div>.value{width:100%;height:32px;background:#11161c;padding:0 22px 0 11px;margin:0;color:#a19b8f;display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid transparent;border-image:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%);border-image-slice:1;box-shadow:0 0 1px black inset}.dropdown>div>.value:hover{cursor:pointer}.dropdown>div>.value::before,.dropdown>div>.value::after{position:absolute;content:"";height:2px;width:2px;border-width:1px;border-style:solid;border-color:#c5a461 #c5a461 transparent transparent;right:11px}.dropdown>div>.value::before{top:11px;transform:rotate(-45deg)}.dropdown>div>.value::after{bottom:11px;transform:rotate(135deg)}.dropdown>div>.down{position:absolute;width:100%;top:32px;left:0;z-index:100;overflow:hidden;height:1px;pointer-events:none}.dropdown>div>.down>div{position:relative}.dropdown>div>.down>div .gm-scroll-view>div{height:32px;padding:0 11px;line-height:30px;color:#ccbe91;position:relative}.dropdown>div>.down>div .gm-scroll-view>div:not(:last-child){height:33px;border-bottom:1px solid #1f282d}.dropdown>div>.down>div .gm-scroll-view>div:hover{cursor:pointer;color:#f1e6d4;background:#1c2328}.dropdown>div>.down>div .gm-scroll-view>div.active:after{content:"";position:absolute;top:12px;right:11px;width:11px;height:4px;border-width:0 0 1px 1px;border-style:solid;border-color:#f1e6d4;transform:rotate(-45deg)}.dropdown.active>div>.value{color:#524018;border-image:none;border-color:#524018;box-shadow:none}.dropdown.active>div>.value::before,.dropdown.active>div>.value::after{border-color:#524018 #524018 transparent transparent}.dropdown.active>div>.down{transition:height 0.35s cubic-bezier(0.23, 1, 0.32, 1);pointer-events:all;display:block;border:1px solid transparent;border-image:linear-gradient(to bottom, #524018 0%, #6d5024 100%);border-image-slice:1;background:#11161c}.dropdown.disabled{pointer-events:none}.dropdown.disabled>div>.value{color:#2b2f34;border-image:none;border-color:#2b2f34;box-shadow:none;background:transparent}.dropdown.disabled>div>.value::before,.dropdown.disabled>div>.value::after{border-color:#2b2f34 #2b2f34 transparent transparent}.dropdown.fullWidth{width:auto}.dropdown.top>div>.down{top:auto;bottom:32px}.dropdown.top.active>div>.down{border-image:linear-gradient(to bottom, #6d5024 0%, #524018 100%);border-image-slice:1}hr{margin:15px 0 5px;border:none;height:1px;background:#1e282d}.btn-round{width:32px;color:#c8aa6e;border:0;border-radius:50%;border-image:none;box-shadow:none;background:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%);padding:2px;min-width:0}.btn-round>div{border-radius:50%;font:16px/28px Material;background:#1e282d}.btn-round:hover>div,.btn-round:active>div{background-image:linear-gradient(to bottom, rgba(200,155,60,0) 50%, rgba(200,155,60,0.25) 100%)}.btn-round:hover{background:linear-gradient(to bottom, #f0e6d2 0%, #c89b3c 100%)}.btn-round:hover>div{color:#f0e6d2}.btn-round:active{background:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%)}.btn-round:active>div{color:#5c5b57}.btn-round.btn-primary{background:linear-gradient(to bottom, #0abdb7 0%, #0abdb7 60%, #0c4550 100%);color:#a3c7c7}.btn-round.btn-primary>div{background:#101721}.btn-round.btn-primary:hover{background:linear-gradient(to bottom, #b4fbfb 0%, #4bb8d9 100%)}.btn-round.btn-primary:hover>div{background-image:linear-gradient(to bottom, #102120 20%, #214341 100%);color:#caf8f7}.btn-round.disabled>div{background:none;line-height:24px}label{color:#a19b8f;letter-spacing:0.05em;display:block;font:500 12px/1 Alegreya Sans;padding-bottom:6px}label.disabled{color:#31353a}.labelbox{display:flex;flex-direction:row;align-items:center}.labelbox .box{flex:none;height:1cm;line-height:1cm}.labelbox label{flex:1 1 100%;font:bold 11px Alegreya;color:black;letter-spacing:0;padding-bottom:0}#loader{align-items:center;background:rgba(0,0,0,0.5);bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:9000}#loader div.icon{-ms-transform:translateZ(0);-webkit-animation:load8 1s infinite linear;-webkit-transform:translateZ(0);animation:load8 1s infinite linear;border-bottom:4px solid rgba(75,227,222,0.2);border-left:4px solid #4be3de;border-right:4px solid rgba(75,227,222,0.2);border-top:4px solid rgba(75,227,222,0.2);position:relative;transform:translateZ(0)}#loader div.icon,#loader div.icon:after{border-radius:50%;width:44px;height:44px}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#loader div.text{color:#f1e6d4;font:500 13px Alegreya Sans;letter-spacing:0.05em;margin-top:10px;text-align:center}.number-box{position:absolute;border:1px solid #3c3c41;background:#0d141c;color:#a09b8c;text-align:center;font-size:12px;line-height:16px;height:18px}.number-box span+span:before{content:" / "}.overlay{position:fixed;border:2px solid #463714;background:#010a13;color:#878683;box-shadow:0 0 0 1px transparentiz(#000, 0.6);z-index:2000}.overlay>div{padding:18px}.overlay h4{font:bold 14px/18px Alegreya SC;text-transform:uppercase;color:#f1e6d4;display:flex;justify-content:space-between;letter-spacing:0.07em}.overlay h4 span:last-child{color:#878683}.overlay p{font:500 12px/16px Alegreya Sans;letter-spacing:0.05em;margin-top:16px}.overlay p:last-child{margin-bottom:1px}.overlay.overlay-top:after{content:"";position:absolute;height:12px;width:12px;border-width:2px;border-style:solid;border-color:transparent #463714 #463714 transparent;background:#010a13;transform:rotate(45deg);left:-webkit-calc(50% - 8px);left:calc(50% - 8px);bottom:-8px;pointer-events:none}.overlay.overlay-bottom:before{content:"";position:absolute;height:12px;width:12px;border-width:2px;border-style:solid;border-color:transparent #463714 #463714 transparent;background:#010a13;transform:rotate(-135deg);left:-webkit-calc(50% - 8px);left:calc(50% - 8px);top:-8px;pointer-events:none}#sheets .plain{display:flex;align-items:center;height:21px}#sheets .plain div.label{font:bold 11px Alegreya;padding-right:7px;flex:none}#sheets .plain div.value{font:400 13px Alegreya Sans;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1 1 100%;padding-right:5px}.radio{display:flex;height:32px;padding:6px 11px 6px 0;margin:0 1px}.radio:hover{background:#1e2328;cursor:pointer}.radio:hover .text{color:#f1e6d4;cursor:pointer}.radio .icon{flex:1 0%;transform:rotate(45deg);margin:5px 0 5px 1px}.radio .icon .border{height:10px;width:10px;border:1px solid #785a28;box-shadow:0 0 0 1px rgba(0,0,0,0.15),0 0 3px 1px rgba(0,0,0,0.15) inset}.radio .icon .dot{visibility:hidden;margin-left:2.5px;margin-top:-7.5px;height:5px;width:5px;background:#c8aa6e}.radio.active{pointer-events:none}.radio.active .dot{visibility:visible}.radio.active .text{color:#f1e6d4}.radio.disabled{pointer-events:none}.radio.disabled .icon .border{border:1px solid #2b2f34}.radio.disabled .icon .dot{background:#2b2f34}.radio.disabled .text{color:#31353a}.radio .text{flex:0 100%;color:#c89b3c;font:400 12px/20px Alegreya Sans;text-transform:uppercase;letter-spacing:0.05em;padding-left:11px}.ps-container.ps-theme-tde>.ps-scrollbar-y-rail,.ps-container.ps-theme-tdebg>.ps-scrollbar-y-rail{width:11px;transition:none;opacity:1}.ps-container.ps-theme-tde>.ps-scrollbar-y-rail .ps-scrollbar-y,.ps-container.ps-theme-tdebg>.ps-scrollbar-y-rail .ps-scrollbar-y{width:11px;cursor:pointer;border-radius:5.5px;background-color:#1e2328;background-clip:padding-box;transition:none;right:0;border:3px solid transparent}.ps-container.ps-theme-tde.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail,.ps-container.ps-theme-tdebg.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background:none;opacity:1}.ps-container.ps-theme-tde.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail .ps-scrollbar-y,.ps-container.ps-theme-tdebg.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail .ps-scrollbar-y{background-color:#463714}.ps-container.ps-theme-tde:hover>.ps-scrollbar-y-rail,.ps-container.ps-theme-tde:hover>.ps-scrollbar-y-rail:hover,.ps-container.ps-theme-tdebg:hover>.ps-scrollbar-y-rail,.ps-container.ps-theme-tdebg:hover>.ps-scrollbar-y-rail:hover{opacity:1}.ps-container.ps-theme-tde:hover>.ps-scrollbar-y-rail .ps-scrollbar-y,.ps-container.ps-theme-tdebg:hover>.ps-scrollbar-y-rail .ps-scrollbar-y{background-color:#785a28}.ps-container.ps-theme-tde:hover>.ps-scrollbar-y-rail:hover,.ps-container.ps-theme-tdebg:hover>.ps-scrollbar-y-rail:hover{background:none}.ps-container.ps-theme-tde:hover>.ps-scrollbar-y-rail:hover .ps-scrollbar-y,.ps-container.ps-theme-tdebg:hover>.ps-scrollbar-y-rail:hover .ps-scrollbar-y{width:11px;background-color:#cdbe91}.ps-container.ps-theme-tde:active>.ps-scrollbar-y-rail:active .ps-scrollbar-y,.ps-container.ps-theme-tdebg:active>.ps-scrollbar-y-rail:active .ps-scrollbar-y{width:11px;background-color:#463714}.ps-container.ps-theme-tdebg>.ps-scrollbar-y-rail{background:#010a13}.gm-test{width:100px;height:100px;position:absolute;top:-9999px;overflow:scroll;-ms-overflow-style:scrollbar}.gm-scrollbar-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gm-prevented{-webkit-overflow-scrolling:touch}.gm-prevented .gm-scrollbar{display:none}.gm-scrollbar-container{position:relative;overflow:hidden;width:100%;height:100%}.gm-scrollbar-container .gm-scroll-view{width:calc(100% + 17px);height:100%;overflow:scroll;-webkit-overflow-scrolling:touch}.gm-scrollbar-container.gm-autoshow .gm-scrollbar{opacity:0;transition:opacity 120ms ease-out}.gm-scrollbar-container.gm-autoshow:hover .gm-scrollbar,.gm-scrollbar-container.gm-autoshow:focus .gm-scrollbar{opacity:1;transition:opacity 340ms ease-out}.gm-scrollbar-container .thumb{background:#1e2328}.gm-scrollbar-container .thumb:active{background-color:#463714}.gm-scrollbar-container:hover .thumb{background-color:#785a28}.gm-scrollbar-container:hover .thumb:hover{background-color:#cdbe91}.gm-scrollbar-container:hover .thumb:active{background-color:#463714}.gm-scrollbar{position:absolute;z-index:20;background:transparent}.gm-scrollbar.-vertical{width:11px;right:0;top:0;bottom:0}.gm-scrollbar.-vertical .thumb{width:100%}.gm-scrollbar.-horizontal{height:11px;bottom:0;left:0;right:0;display:none}.gm-scrollbar.-horizontal .thumb{height:100%}.gm-scrollbar .thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:5.5px;border:3px solid transparent;background-clip:padding-box}.slidein-wrapper{pointer-events:none}.slidein-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;display:none;justify-content:flex-end;align-items:flex-end;flex-direction:column;background:transparent;pointer-events:none;z-index:900}.slidein-backdrop.slidein-open{pointer-events:all;display:flex}.slidein-backdrop.slidein-open>.slidein{bottom:0}.slidein-backdrop .slidein{position:relative;background:#010a13;border-top:2px solid #785a28;height:-webkit-calc(100% - 80px);height:calc(100% - 80px);width:100%;bottom:-100%;right:0;color:#a1a1a1;font:13px/14px "Source Sans Pro";letter-spacing:0.03em;padding:3px 0}.slidein-backdrop .slidein:before{position:absolute;display:block;content:"";width:-webkit-calc(100% + 22px);width:calc(100% + 22px);height:0;border-color:#010a13 transparent #785a28;border-style:solid;border-width:2px 0 1px;top:0;left:0;z-index:999}.slidein-backdrop .slidein .slidein-close{width:36px;height:36px;display:block;position:absolute;border-radius:50%;background:#010a13;border:1px solid #785a28;right:20px;top:-15px;z-index:1000}.slidein-backdrop .slidein .slidein-close>div{border:2px solid #bda36c;border-radius:50%;color:#bda36c;margin:2px;font:18px/26px Material;text-align:center}.slidein-backdrop .slidein .slidein-close:hover{cursor:pointer}.slidein-backdrop .slidein .slidein-close:hover>div{color:white}.slidein-backdrop .slidein .slidein-content{position:relative;height:100%;display:flex;flex-wrap:nowrap;overflow:hidden}.slidein-backdrop .slidein .slidein-content .scroll{flex:1 1 100%}.slidein-backdrop .slidein .slidein-content .scroll .scroll-inner{padding:22px 35px !important}.slidein-backdrop .slidein .slidein-content>.options{flex:1 0 auto;width:200px;margin-left:35px;padding-top:22px}.slidein-backdrop .slidein .slidein-content>.options .radiobutton-group{width:100%}.slidein-backdrop .slidein .slidein-content h4{font-size:13px;letter-spacing:0.075em;line-height:40px}.slider-wrapper{width:100%;max-width:280px}.slider-wrapper input[type=range]{-webkit-appearance:none;width:100%;height:32px;background:none;margin:0 0 -7px;padding:0}.slider-wrapper input[type=range]:focus{outline:none}.slider-wrapper input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;animate:0.2s;box-shadow:0 none;background:#1f282d;border-radius:0}.slider-wrapper input[type=range]::-webkit-slider-thumb{height:14px;width:14px;border-radius:0;background:#2c404c;cursor:pointer;box-shadow:0 none;margin-top:-7px;border:0 none;transform:rotate(45deg);-webkit-appearance:none;margin-top:-10px}.slider-wrapper input[type=range]::-webkit-slider-thumb:hover{background:#3c5462}.slider-wrapper input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;animate:0.2s;box-shadow:0 none;background:#1f282d;border-radius:0}.slider-wrapper input[type=range]::-moz-range-thumb{height:14px;width:14px;border-radius:0;background:#2c404c;cursor:pointer;box-shadow:0 none;margin-top:-7px;border:0 none;transform:rotate(45deg)}.slider-wrapper input[type=range]::-moz-range-thumb:hover{background:#3c5462}.slider-wrapper input[type=range]::-ms-track{width:100%;height:2px;cursor:pointer;animate:0.2s;box-shadow:0 none;background:transparent;color:transparent}.slider-wrapper input[type=range]::-ms-fill-lower{background:#2c404c;border-radius:0}.slider-wrapper input[type=range]::-ms-fill-upper{background:#1f282d;border-radius:0}.slider-wrapper input[type=range]::-ms-thumb{height:14px;width:14px;border-radius:0;background:#2c404c;cursor:pointer;box-shadow:0 none;margin-top:-7px;border:0 none;transform:rotate(45deg)}.slider-wrapper input[type=range]::-ms-thumb:hover{background:#3c5462}.slider-wrapper .slider-label{flex:0 100%;font:11px/11px "Source Sans Pro";letter-spacing:0.03em;display:flex}.slider-wrapper .slider-label span:first-child{flex:0 100%}.slider-wrapper .slider-label .slider-value{color:#c8aa6e;flex:1 0%}.subtabs{width:100%;display:flex;align-items:center;position:relative;height:42px;padding:10px 0}.subtabs>.tab{font:bold 13px/21px Alegreya SC;flex:0 1 auto;letter-spacing:0.1em;margin-left:35px;text-transform:uppercase;position:relative;color:#cdbe91;min-width:0}.subtabs>.tab:hover{color:#f1e6d4;cursor:pointer}.subtabs>.tab:active,.subtabs>.tab:focus{color:#c89b3c;cursor:pointer}.subtabs>.tab:last-child{margin-right:35px}.subtabs>.tab.active{pointer-events:none;color:#f1e6d4}.subtabs>.tab.active:after{position:absolute;content:"";width:4px;height:4px;bottom:-3px;left:0;right:0;margin:0 auto;border:1px solid #cdbe91;border-color:transparent #cdbe91 #cdbe91 transparent;transform:rotate(45deg)}.subtabs>.tab.disabled{pointer-events:none;color:#797974}.subtabs>.tab div{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}table{border-collapse:collapse;border-spacing:0;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px;table-layout:auto;width:100%;white-space:nowrap}table.list td{padding:5px 5px 5px 11px}table.list td.name{width:100%}table.list td.name,table.list td.fw{color:#f0e6d2}table.list thead{font:bold 13px/22px Alegreya SC}table.list thead td{border-bottom:1px solid rgba(255,255,255,0.075)}table.list tbody tr:not(:last-child) td{border-bottom:1px solid rgba(255,255,255,0.075)}table.list tbody tr:hover{background:rgba(255,255,255,0.025)}table.list tbody td{height:36px}table.list tbody td.name h2,table.list tbody td.fw{font:500 15px/15px Alegreya Sans;text-transform:none;color:#f0e6d2}table.list tbody td.check,table.list tbody td.skt{font:13px/13px Alegreya SC}table.list tbody td.inc{font-weight:500;display:flex;justify-content:flex-end;align-items:center}table.list tbody td.inc .btn{height:26px;padding:0 14px 3px;min-width:auto;font-size:16px;flex:none}table.list tbody td.inc .btn:nth-child(2){margin-left:4px}table.list.large-list tbody td{height:42px}table.list.large-list tbody td.name>div{display:flex;align-items:center}table.list.large-list tbody td.name>div>h2,table.list.large-list tbody td.name>div>div{flex:none;margin:0}table.list.large-list tbody td.name>div>div{margin-left:14px}table.list.large-list tbody td.name>div>div.tiers{width:65px}.textfield{width:280px;overflow:hidden;margin:10px 0;position:relative;font:500 13px/30px "Alegreya Sans"}.textfield .textfield-hint{width:100%;height:32px;padding:1px 12px;pointer-events:none;position:absolute;color:#a09b8c}.textfield .textfield-hint.hide{visibility:hidden}.textfield input,.textfield textarea{width:100%;height:32px;border:1px solid #524018;background:#11161c;padding:0 11px;margin:0;color:#f0e6d2;font:500 13px/30px "Alegreya Sans";display:block;box-shadow:0 0 0 1px rgba(0,0,0,0.45),0 0 0 1px rgba(0,0,0,0.45) inset;outline:0 none}.textfield input:focus,.textfield input:active,.textfield textarea:focus,.textfield textarea:active{background:linear-gradient(to bottom, #11161c 0%, #1c2328 100%);border-image:linear-gradient(to bottom, #524018 0%, #ccbe91 100%);border-image-slice:1}.textfield.fullWidth{width:auto}.textfield.disabled{pointer-events:none}.textfield.disabled .textfield-hint{color:#31353a}.textfield.disabled label{color:#31353a}.textfield.disabled input,.textfield.disabled textarea{border:1px solid #2b2f34;background:none;color:#31353a;box-shadow:none}.btn-group{display:flex}.btn-group div+.btn{margin:10px 0 10px 11px}.titlebar-back{flex:1 0 auto;display:flex;position:relative;margin-left:35px;width:40px;align-items:center;padding-left:4px}.titlebar-back+div{margin-left:28px}.titlebar-back:after{position:absolute;height:50px;width:1px;content:"";background:#3c3732;top:15px;right:-1px}.titlebar-back>div{height:19px;width:19px}.titlebar-back svg{transform:rotate(45deg)}.titlebar-back svg path{fill:#c89b3c}.titlebar-back svg:hover{cursor:pointer}.titlebar-back svg:hover path{fill:#f1e6d4}.titlebar-left{flex:1 1 100%;overflow:hidden;display:flex;align-items:stretch}.titlebar-left>div:first-child:not(.titlebar-tabs),.titlebar-left>div:first-child.titlebar-tabs>div:first-child{margin-left:40px}.titlebar-left>div.avatar-wrapper{flex-shrink:0;align-self:center;height:48px;width:48px}.titlebar-left>div.avatar-wrapper+div{margin-left:24px}.titlebar-left>div.avatar-wrapper>div.avatar{height:44px;width:44px}.titlebar-left>div.text{color:#f1e6d4;text-transform:uppercase;margin-left:24px;letter-spacing:0.1em}.titlebar-right{flex:1 0 auto;display:flex;position:relative;margin:0 35px;align-items:center}.titlebar-right>.titlebar-tabs{margin:0 24px}.titlebar-right .btn{margin-left:11px;flex:none}.titlebar-right .collected-ap{color:#a19b8f;flex:1 0 auto;font:bold 15px/32px Alegreya SC;height:32px;letter-spacing:0.1em;margin:0 11px 0 35px;position:relative;text-transform:uppercase}.titlebar-tabs{flex:1 1 100%;overflow:hidden;display:flex;align-items:center;align-self:stretch}.titlebar-tabs .tab{font:bold 15px/18px Alegreya SC;flex:0 1 auto;letter-spacing:0.1em;margin-left:35px;text-transform:uppercase;position:relative;color:#cdbe91;min-width:0}.titlebar-tabs .tab:first-child{margin-left:0}.titlebar-tabs .tab:hover{color:#f1e6d4;cursor:pointer}.titlebar-tabs .tab:active,.titlebar-tabs .tab:focus{color:#c89b3c;cursor:pointer}.titlebar-tabs .tab.active{pointer-events:none;color:#f1e6d4}.titlebar-tabs .tab.active::after{position:absolute;content:"";width:4px;height:4px;bottom:-4px;left:0;right:0;margin:0 auto;border:1px solid #cdbe91;border-color:transparent #cdbe91 #cdbe91 transparent;transform:rotate(45deg)}.titlebar-tabs .tab.disabled{pointer-events:none;color:rgba(135,134,131,0.8)}.titlebar-tabs .tab div{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.titlebar{position:absolute;width:100%;z-index:800}.titlebar-inner{height:80px;width:100%;display:flex;position:relative}#toolbar{bottom:2px;display:flex;justify-content:center;position:fixed;left:0;padding:0;width:100%;pointer-events:none}#toolbar .toolbar-inner{flex:none;padding:5px;border:1px solid rgba(70,55,20,0.75);background:rgba(0,0,0,0.4);pointer-events:all}#toolbar .toolbar-inner>div:not(:last-child){margin-right:4px}.tooltip-wrapper{z-index:1}.tooltip-wrapper>.overlay{z-index:2000}.vertical-list>span:not(:last-child)::after{content:'';background:#3c3c41;border-radius:50%;height:4px;width:4px;display:inline-block;margin:2px 8px}html,body,#bodywrapper,#body{margin:0;overflow:hidden;padding:0;position:relative}#body{cursor:default;background:#000;display:flex;font:14px/23px Alegreya}main{flex:1 1 100%}section{padding-top:80px;z-index:0;overflow:hidden;background:url("images/background.jpg") center/cover #010a13;display:flex;flex-direction:column}section .scroll{flex:1 1 100%}section .scroll .scroll-inner{padding:0 35px 22px}.subtabs{flex:none}.page{flex:1 1 auto;padding:8px 0 0;font:14px/22px Alegreya Sans;letter-spacing:0.025em;color:#878683;display:flex;flex-wrap:nowrap;position:relative;overflow:hidden;height:100%}.page>.options{flex:1 0 auto;width:200px;margin-left:35px}.page>.options .radiobutton-group,.page>.options .btn{width:100%}.page>.options .btn{margin-top:10px}#about .third-party-software{font-size:12px;line-height:normal;margin-top:10px}#account .change{height:74px}#account .btn{margin-top:20px}#attribute .page::before{position:absolute;width:-webkit-calc(100% - 70px);width:calc(100% - 70px);height:1px;content:"";background:#3c3732;top:0;left:35px}#attribute .scroll-inner{flex-wrap:wrap;flex-direction:column;align-items:center}#attribute .counter{margin-top:10px;text-align:center}#attribute .main,#attribute .calculated{display:flex;flex-wrap:wrap;justify-content:center}#attribute .main .number-box,#attribute .calculated .number-box{top:70px;right:-6px;width:24px;z-index:2}#attribute .main .number-box+.btn-round,#attribute .calculated .number-box+.btn-round{margin-top:8px}#attribute .main{padding-bottom:16px;display:flex;flex-wrap:wrap;justify-content:center}#attribute .main .number-box{width:24px}#attribute .calculated .value{background:transparent}#attribute .calculated .number-box{width:40px}#attribute .short{font:bold 14px/28px Alegreya;color:#f1e6d4;letter-spacing:0.05em;text-transform:uppercase;text-align:center}#attribute .value{border:2px solid transparent;padding:2px;background:#0d141c}#attribute .value-inner{border:1px solid #3c3c41;padding:1px}#attribute .value-inner>div{height:45px;width:45px;text-align:center;font:bold 28px/45px Alegreya Sans;color:#f1e6d4;letter-spacing:0.05em;text-transform:uppercase;background:#010a13;overflow:hidden}#attribute .btn-round{margin-top:5px}#attribute .attr{margin:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:none;position:relative}#attribute .attr.ATTR_1>.value{border-color:#aa1b32}#attribute .attr.ATTR_2>.value{border-color:#6b4497}#attribute .attr.ATTR_3>.value{border-color:#06a341}#attribute .attr.ATTR_4>.value{border-color:#3c3c41}#attribute .attr.ATTR_5>.value{border-color:#aea000}#attribute .attr.ATTR_6>.value{border-color:#005177}#attribute .attr.ATTR_7>.value{border-color:#d1c6a4}#attribute .attr.ATTR_8>.value{border-color:#ac6000}.overlay>.calc-attr-overlay{width:280px}.overlay>.calc-attr-overlay p.calc-text{font-style:italic}#herocreation .modal-container{width:330px}#herolist ul{margin:0;padding:1px 0;list-style:none}#herolist li{position:relative;padding:11px;display:flex;align-items:center}#herolist li>svg{position:absolute;top:7px;left:7px;-webkit-filter:drop-shadow(0 0 2px #000);filter:drop-shadow(0 0 2px #000);z-index:2;visibility:hidden}#herolist li>svg .progress-arc--fg{stroke:#8f52cc}#herolist li>.el{z-index:1;flex:none;height:55px;width:55px}#herolist li>.el>div{height:51px;width:51px;border-radius:50%}#herolist li>.el>div.el-value{position:absolute;visibility:hidden;background:rgba(0,0,0,0.75)}#herolist li>.el>div.el-value h2{text-align:center;line-height:51px;font-size:21px}#herolist li>.main{flex:1 1 100%;margin-left:16px}#herolist li>.main h2 .player{padding-left:20px;font-size:16px;color:#3c3c41}#herolist li>.main .rcp span:last-child{font-weight:500}#herolist li .base-values{display:flex}#herolist li .base-values>div:not(:first-child){margin-left:11px}#herolist li:not(:first-child){border-top:1px solid rgba(255,255,255,0.075)}#herolist li:hover>svg,#herolist li:hover>.el>div.el-value{visibility:visible}#herolist li>.btn.btn-primary{min-width:140px}#home::before{position:absolute;width:-webkit-calc(100% - 70px);width:calc(100% - 70px);height:1px;content:"";background:#3c3732;top:80px;left:35px}#home-overview .scroll-inner{padding-top:20px}#home-overview .scroll-inner h2{font-size:32px;line-height:normal;letter-spacing:0.075em}#item-editor .modal-container{width:400px}#item-editor .modal-container .modal-content-inner{display:flex;flex-direction:column}#item-editor .modal-container .modal-content-inner>div{display:flex;flex-direction:column}#item-editor .modal-container .modal-content-inner>div>div.row{display:flex;margin-top:10px;align-items:flex-end}#item-editor .modal-container .modal-content-inner>div>div.row:first-child{margin-top:0}#item-editor .modal-container .modal-content-inner>div>div.row>div:not(:first-child){margin-left:20px}#item-editor .modal-container .modal-content-inner>div>div.row>div,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div{flex:1 1 0;margin:0}#item-editor .modal-container .modal-content-inner>div>div.row div.textfield,#item-editor .modal-container .modal-content-inner>div>div.row div.dropdown{width:auto}#item-editor .modal-container .modal-content-inner>div>div.row div.container{position:relative;height:50px;display:flex;align-items:flex-end;flex:none}#item-editor .modal-container .modal-content-inner>div>div.row div.container>label{position:absolute}#item-editor .modal-container .modal-content-inner>div>div.row div.container>label+div:nth-child(2){margin-left:0}#item-editor .modal-container .modal-content-inner>div>div.row div.container>div:not(:first-child){margin-left:10px}#item-editor .modal-container .modal-content-inner>div>div.row>div.number,#item-editor .modal-container .modal-content-inner>div>div.row>div.btn{flex:none}#item-editor .modal-container .modal-content-inner>div>div.row>div.number{width:60px}#item-editor .modal-container .modal-content-inner>div>div.row>div.btn{margin-left:10px}#item-editor .modal-container .modal-content-inner>div>div.row>div.where{flex-grow:2}#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-dice-number,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-dice-sides,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-flat,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.at,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pa,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range1,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range2,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range3,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pro,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.enc{flex:none}#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-dice-sides{width:65px}#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-dice-sides,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-flat,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.at,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pa,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range1,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range2,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range3,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pro,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.enc{width:40px}#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-dice-sides input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-flat input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.at input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pa input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range1 input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range2 input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range3 input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pro input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.enc input{text-align:center}#item-editor .modal-container .modal-content-inner hr:first-child{margin-top:5px}#inventory tbody td:last-child{padding-right:11px}#inventory tbody td.inc>.btn{height:32px;padding:2px}.overlay>.inventory-item{max-width:280px}.overlay>.inventory-item h4 span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.overlay>.inventory-item table{margin-top:15px;font:500 13px/22px Alegreya Sans;letter-spacing:0.05em}.overlay>.inventory-item table td{padding:0;border:none;height:auto}.overlay>.inventory-item table td:first-child{color:#878683;padding-right:15px;width:0}.overlay>.inventory-item table td:last-child{color:#f1e6d4}.overlay>.inventory-item p.ammunition{margin-top:3px}.overlay>.inventory-item p.armor{margin-top:10px;font:500 13px/22px Alegreya Sans;color:#f1e6d4}#body>main section#master::before{position:absolute;width:-webkit-calc(100% - 70px);width:calc(100% - 70px);height:1px;content:"";background:#3c3732;top:80px;left:35px}#body>main section#master .page#ingame{flex-direction:column}#body>main section#master .page#ingame .header-controls{flex:1 0 auto;margin:10px 0 0;padding:0 35px;width:100%;display:flex;align-items:center;justify-content:flex-end}#body>main section#master .page#ingame .header-controls .online-link{margin-right:33px;flex:1 1 100%;display:flex;align-items:center;justify-content:flex-start}#body>main section#master .page#ingame .header-controls .online-link>.textfield{flex:1 1 auto;max-width:280px;width:auto;margin:0}#body>main section#master .page#ingame .header-controls .online-link>.btn{margin-left:22px;flex:none}#body>main section#master .page#ingame .header-controls>div:not(:last-child):not(.online-link){margin-right:13px;flex:none}#body>main section#master .page#ingame .ingame-content{flex:1 1 100%;display:flex;overflow:hidden}#body>main section#master .page#ingame .ingame-content .textfield input,#body>main section#master .page#ingame .ingame-content .textfield textarea{background:rgba(17,22,28,0.65)}#body>main section#master .page#ingame .ingame-content .textfield input:focus,#body>main section#master .page#ingame .ingame-content .textfield input:active,#body>main section#master .page#ingame .ingame-content .textfield textarea:focus,#body>main section#master .page#ingame .ingame-content .textfield textarea:active{background:linear-gradient(to bottom, rgba(17,22,28,0.65) 0%, rgba(28,35,40,0.65) 100%)}#body>main section#master .page#ingame .ingame-content .-horizontal{display:block}#body>main section#master .page#ingame .ingame-table{padding-top:35px;flex:none;display:flex;position:relative}#body>main section#master .page#ingame .ingame-table.hide-deac tr.deac,#body>main section#master .page#ingame .ingame-table.hide-enemies tr.enemy{display:none}#body>main section#master .page#ingame .ingame-table table{padding:0;margin:0;border-collapse:collapse}#body>main section#master .page#ingame .ingame-table table tr{border-bottom:1px solid rgba(120,90,40,0.4);position:relative}#body>main section#master .page#ingame .ingame-table table tr td{padding:0;text-align:center}#body>main section#master .page#ingame .ingame-table table thead tr{height:28px}#body>main section#master .page#ingame .ingame-table table thead tr td{font:500 12px/27px "Alegreya Sans";color:rgba(91,90,86,0.7)}#body>main section#master .page#ingame .ingame-table table tbody tr{height:44px}#body>main section#master .page#ingame .ingame-table table tbody tr.deac td{opacity:0.4}#body>main section#master .page#ingame .slidein-backdrop .slidein{height:397px}#body>main section#master .page#ingame .slidein-backdrop .slidein-content{height:100%}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;padding:20px}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div{width:33.3333%;padding:0 5px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-main>div{width:50%;padding:0 5px}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-health{padding:0 5px}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-health>div{width:50%;padding:0 5px}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-options{display:block}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-options .btn{margin:5px 5px 0 0}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-options .textfield{width:100%}#body>main section#master .page#ingame .ingame-controls{flex:1 0 auto;width:200px;margin-left:35px;position:relative}#body>main section#master .page#ingame .ingame-controls .rounds{width:200px;height:200px;text-align:center;text-transform:lowercase;position:relative}#body>main section#master .page#ingame .ingame-controls .rounds .tag{font:18px/24px Alegreya SC;letter-spacing:0.05em;color:#a19b8f;padding-top:35px}#body>main section#master .page#ingame .ingame-controls .rounds .phase{font:60px/60px Alegreya SC;letter-spacing:0.05em;color:#f1e6d4}#body>main section#master .page#ingame .ingame-controls .rounds .round{font:18px/24px Alegreya SC;letter-spacing:0.05em;color:#a19b8f;padding-top:11px}#body>main section#master .page#ingame .ingame-controls .rounds .previous-phase{left:-10px}#body>main section#master .page#ingame .ingame-controls .rounds .next-phase{right:-10px}#body>main section#master .page#ingame .ingame-controls .rounds .previous-phase,#body>main section#master .page#ingame .ingame-controls .rounds .next-phase{top:75px;position:absolute;font:32px/44px Material;text-align:center;width:44px;color:#785a28;border-radius:50%}#body>main section#master .page#ingame .ingame-controls .rounds .previous-phase:hover,#body>main section#master .page#ingame .ingame-controls .rounds .next-phase:hover{color:#f1e6d4;cursor:pointer;text-shadow:0 0 2px 4px black;background:rgba(91,90,86,0.2)}#body>main section#master .page#ingame .ingame-controls .rounds .previous-phase.disabled,#body>main section#master .page#ingame .ingame-controls .rounds .next-phase.disabled{pointer-events:none;opacity:0.5}#body>main section#master .page#ingame .ingame-controls .resets{display:flex;align-items:center;justify-content:center}#body>main section#master .page#ingame .ingame-controls .resets>div:not(:last-child){margin-right:13px}#body>main section#master .page#ingame .ingame-controls .options{margin-top:13px}#body>main section#master .page#ingame .ingame-table .ingame-table-center{flex:1 1 100%;position:relative;overflow:hidden}#body>main section#master .page#ingame .ingame-table .ingame-table-center .ingame-table-center-scroll{overflow-x:scroll;overflow-y:hidden;height:-webkit-calc(100% + 17px);height:calc(100% + 17px)}#body>main section#master .page#ingame .ingame-table .ingame-table-health{flex:none}#body>main section#master .page#ingame .ingame-table .ingame-table-health table{width:100%}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td{position:relative;width:25%}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar{height:8px;width:90px;margin:4px 8px;padding:1px;display:block;background:linear-gradient(to bottom, #785a28 0%, #463714 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar .bar-inner{height:6px;position:relative}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar .bar-bg,#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar .bar-fg{height:6px}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar .bar-bg{border:1px solid #242328;background:#242328;width:100%;left:0}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar .bar-fg{transition:width 0.45s cubic-bezier(0.23, 1, 0.32, 1);background:#242328;right:0;position:absolute}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar:not(.active)>.bar-fg{width:100%}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-le.no-le{border:1px solid rgba(91,90,86,0.3);background:none}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-le.no-le .bar-bg,#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-le.no-le .bar-fg{border-color:transparent;background:none}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-le.active .bar-bg{background:linear-gradient(to right, #aa1805 0%, #cc4c1f 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-au.active .bar-bg{background:linear-gradient(to right, #5eaa05 0%, #7fc80c 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-ae.active .bar-bg{background:linear-gradient(to right, #0596aa 0%, #0cc8c6 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-ke.active .bar-bg{background:linear-gradient(to right, #aa6a05 0%, #c8910c 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-ini{margin-right:8px;flex:none}#body>main section#master .page#ingame .ingame-table .ingame-table-ini table{width:100%}#body>main section#master .page#ingame .ingame-table .ingame-table-ini table tr td{width:44px}#body>main section#master .page#ingame .ingame-table .ingame-table-ini table tr td>div{width:34px;height:34px;margin:0 5px;position:relative}#body>main section#master .page#ingame .ingame-table .ingame-table-ini table tr td>div.indicator{border:1px solid rgba(120,90,40,0.6);background:rgba(0,0,0,0.4);color:#f1e6d4;font:24px/28px Alegreya SC}#body>main section#master .page#ingame .ingame-table .ingame-table-left{padding-left:7px;margin-right:8px;flex:none}#body>main section#master .page#ingame .ingame-table .ingame-table-left tr:after{display:block;position:absolute;width:3px;height:3px;content:"";border:1px solid rgba(120,90,40,0.4);left:-5.5px;bottom:-2px;transform:rotate(45deg)}#body>main section#master .page#ingame .ingame-table .ingame-table-left table thead tr td.ib{padding-left:18px}#body>main section#master .page#ingame .ingame-table .ingame-table-left table thead tr td.init{padding:0 0 0 6px}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.ib{font:500 11px/43px "Alegreya Sans";padding-left:15px;color:#878683}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.avatar{padding:6px 0 6px 6px}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.avatar div.avatar-outer{height:30px;width:30px;border-radius:50%;background:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%);box-shadow:0 0 4px black;position:relative}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.avatar div.avatar-outer .avatar-inner{width:26px;height:26px;margin:2px;border-radius:50%;background:#090f15;box-shadow:0 0 4px black inset;overflow:hidden;position:absolute}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.avatar div.avatar-outer .avatar-inner span.init{font:500 13px/26px "Alegreya Sans";color:#f1e6d4;width:26px}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.avatar div.avatar-outer .avatar-inner img{min-height:100%;min-width:100%}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.name{font:700 14px/43px "Alegreya SC";color:#f1e6d4;letter-spacing:0.05em;padding:0 22px 0 13px;text-align:left}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr.type-v td.avatar div.avatar-outer{background:linear-gradient(to bottom, #689cc4 0%, #3678aa 10%, #306b99 76%, #244c6b 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr.type-v td.name{color:#4987b6}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr.type-f td.avatar div.avatar-outer{background:linear-gradient(to bottom, #c16876 0%, #a83547 10%, #993040 76%, #68232d 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr.type-f td.name{color:#e4213f}#body>main section#master .page#ingame .ingame-table .ingame-table-right{padding-right:7px;margin-left:8px;flex:none}#body>main section#master .page#ingame .ingame-table .ingame-table-right tr:after{display:block;position:absolute;width:3px;height:3px;content:"";border:1px solid rgba(120,90,40,0.4);right:-5.5px;bottom:-2px;transform:rotate(45deg)}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tr td.au,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tr td.a,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tr td.fa{padding-left:7px}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.au div,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.a div,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.fa div{font-size:15px;color:#878683;line-height:32px;width:32px;border-radius:50%}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.au div:hover,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.a div:hover,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.fa div:hover{color:#f1e6d4;cursor:pointer;background:rgba(91,90,86,0.2)}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.edit{padding-left:16px;padding-right:9px}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.edit div{font:18px/36px Material;text-align:center;width:36px;color:#ccbe91;border-radius:50%}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.edit div:hover{color:#f1e6d4;cursor:pointer;background:rgba(91,90,86,0.2)}#overview .title-wrapper{margin-top:11px;display:flex;align-items:center}#overview .title-wrapper .avatar-wrapper{flex:1 0 auto;height:150px;width:150px}#overview .title-wrapper .avatar-wrapper:hover{cursor:pointer}#overview .title-wrapper .avatar-wrapper:hover .avatar{box-shadow:0 0 0 71px rgba(0,0,0,0.85) inset}#overview .title-wrapper .avatar-wrapper:hover .avatar::after{display:block}#overview .title-wrapper .avatar-wrapper:not(.no-avatar){padding:4px;background:#785a28}#overview .title-wrapper .avatar-wrapper:not(.no-avatar) .avatar::after{top:43px;left:43px}#overview .title-wrapper .avatar-wrapper.no-avatar{border-width:4px}#overview .title-wrapper .avatar::after{position:absolute;top:39px;left:39px;display:none;content:"\E2C6";height:64px;width:64px;font:64px/64px Material;color:#f1e6d4;text-align:center}#overview .title-wrapper .text-wrapper{flex:1 1 100%;margin-left:26px}#overview .title-wrapper .text-wrapper>h1{margin:0;font:400 38px/38px Alegreya Sans;letter-spacing:0.025em;color:#f1e6d4}#overview .title-wrapper .text-wrapper>h1,#overview .title-wrapper .text-wrapper>div.change-name{display:flex;height:38px;align-items:center}#overview .title-wrapper .text-wrapper>h1>div.textfield,#overview .title-wrapper .text-wrapper>div.change-name>div.textfield{margin:0}#overview .title-wrapper .text-wrapper>h1>div.btn,#overview .title-wrapper .text-wrapper>div.change-name>div.btn{margin-left:11px;letter-spacing:0}#overview .title-wrapper .text-wrapper>div:not(.change-name){margin:4px 0 0}#overview .title-wrapper .text-wrapper>div:not(.change-name) span:last-child{font-weight:500}#overview .add-ap{margin-top:20px}#overview .personal-data{display:flex;flex-wrap:wrap;margin-top:10px}#overview .personal-data>div{flex:none;display:flex;flex-wrap:wrap;width:323px;margin-right:22px;margin-bottom:10px;align-items:flex-end}#overview .end-char-creation,#overview .delete-char{margin-top:20px}#profileavatarchange .avatar-wrapper{height:64px;width:64px}#sheets .sheet-wrapper .sheet.inventory .item-categories{margin-top:0;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;height:100%;width:calc(100% + 20px)}#sheets .sheet-wrapper .sheet.inventory .item-categories>div{margin:20px 0 0 !important;width:50%;padding-right:20px;padding-bottom:40px;border-spacing:0}#sheets .sheet-wrapper .sheet.inventory .item-categories>div>h3{line-height:18px}#sheets .sheet-wrapper .sheet.inventory .item-categories>div>table{margin:0 !important}#sheets .sheet-wrapper .sheet.inventory .item-categories>div.all-items{flex:0 100%}#sheets .sheet-wrapper .sheet.inventory .item-categories>div.provisions{min-height:200px}#sheets .sheet-wrapper .sheet.inventory .item-categories>div.clothes{min-height:120px}#sheets .sheet-wrapper .sheet.inventory .item-categories>div.connections{flex:1}#sheets .sheet-wrapper .sheet.inventory .item-categories>div.money{flex:none}#sheets .sheet-wrapper .sheet.inventory .pets{flex:none;min-height:120px;margin-top:20px}#sheets .sheet-wrapper .sheet.inventory .inline-table h3{line-height:inherit;display:inline-block}#sheets .sheet-wrapper .sheet.inventory .inline-table tbody td.name{text-transform:none;text-indent:-10px;padding-left:10px !important;padding-right:15px}#sheets .sheet-wrapper .sheet.inventory .inline-table td{height:18px;line-height:18px;vertical-align:bottom}#sheets .sheet-wrapper .sheet.inventory .inline-table td.weight{white-space:nowrap}#sheets .sheet-wrapper .sheet.inventory .inline-table td.charges{width:10px;white-space:nowrap}#sheets .sheet-wrapper .sheet.chants>.header .attributes>div:nth-child(9){width:110px}#sheets .sheet-wrapper .sheet.chants>.header .attributes>div:nth-child(9)>.value>div>div{width:100%}#sheets .sheet-wrapper .sheet.chants>.header .attributes>div:nth-child(10){width:350px;margin-right:0}#sheets .sheet-wrapper .sheet.chants>div:not(.head){height:auto;width:100%}#sheets .sheet-wrapper .sheet.chants>div:not(.head).miracles>div{display:flex}#sheets .sheet-wrapper .sheet.chants>div:not(.head).miracles>div>div{width:50%}#sheets .sheet-wrapper .sheet.chants>div:not(.head) .inline-table{white-space:nowrap}#sheets .sheet-wrapper .sheet.chants>div:not(.head) .inline-table td:first-child{width:10px;padding-right:15px}#sheets .sheet-wrapper .sheet.chants>div:not(.head) .inline-table td:not(.rank){height:18px;line-height:18px;font-size:9px}#sheets .sheet-wrapper .sheet.chants>div:not(.head) .rank span:first-child{font-weight:bold}#sheets .sheet-wrapper .sheet.chants>div:not(.head) .rank span:last-child{padding-left:5px;font-size:8px;letter-spacing:0.04em}#main-sheet>.upper{flex:none}#main-sheet>.upper>.info{flex:1 1 100%;display:flex;flex-wrap:wrap;align-content:flex-start;overflow:hidden}#main-sheet>.upper>.info .name,#main-sheet>.upper>.info .profession,#main-sheet>.upper>.info .title,#main-sheet>.upper>.info .characteristics,#main-sheet>.upper>.info .other{width:100%}#main-sheet>.upper>.info .family,#main-sheet>.upper>.info .placeofbirth,#main-sheet>.upper>.info .dateofbirth,#main-sheet>.upper>.info .race,#main-sheet>.upper>.info .haircolor,#main-sheet>.upper>.info .eyecolor,#main-sheet>.upper>.info .culture,#main-sheet>.upper>.info .socialstatus{width:50%}#main-sheet>.upper>.info .age,#main-sheet>.upper>.info .gender,#main-sheet>.upper>.info .size,#main-sheet>.upper>.info .weight{width:25%}#main-sheet>.upper>.info .name .label,#main-sheet>.upper>.info .family .label,#main-sheet>.upper>.info .dateofbirth .label,#main-sheet>.upper>.info .race .label,#main-sheet>.upper>.info .haircolor .label,#main-sheet>.upper>.info .culture .label,#main-sheet>.upper>.info .profession .label,#main-sheet>.upper>.info .title .label,#main-sheet>.upper>.info .characteristics .label,#main-sheet>.upper>.info .otherinfo .label{width:80px}#main-sheet>.upper>.info .placeofbirth .label,#main-sheet>.upper>.info .age .label,#main-sheet>.upper>.info .size .label,#main-sheet>.upper>.info .eyecolor .label,#main-sheet>.upper>.info .socialstatus .label{width:63px}#main-sheet>.upper>.info .gender .label,#main-sheet>.upper>.info .weight .label{width:58px}#main-sheet>.upper>.ap-portrait{flex:none;width:7.6cm;margin-left:10px;display:flex;flex-wrap:wrap}#main-sheet>.upper>.ap-portrait>.labelbox{display:flex;height:1cm;margin:0.38cm 0 0;width:4.4cm}#main-sheet>.upper>.ap-portrait>.labelbox.el{width:100%}#main-sheet>.upper>.ap-portrait>.labelbox.el .box{width:4.4cm;font-size:20px;font-weight:400}#main-sheet>.upper>.ap-portrait>.labelbox.el label{margin-left:0;text-align:center}#main-sheet>.upper>.ap-portrait>.labelbox .box{font:bold 24px/40px Alegreya Sans;text-align:center;width:2cm}#main-sheet>.upper>.ap-portrait>.labelbox label{margin-left:10px}#main-sheet>.upper>.ap-portrait .portrait{width:31.45mm;flex-direction:column;margin-left:0.55mm}#main-sheet>.upper>.ap-portrait .portrait .box{width:31.45mm;height:37.6mm}#main-sheet>.upper>.ap-portrait .portrait .box img.avatar{height:100%;width:100%;border-radius:0;object-fit:cover}#main-sheet>.upper>.ap-portrait .portrait label{height:8mm;line-height:8mm}#main-sheet>.lower{margin-top:22px;flex:1 1 100%}#main-sheet>.lower>.lists{flex:1 1 100%;display:flex;flex-direction:column;margin-right:4mm}#main-sheet>.lower>.lists>.textbox{flex:1 0 auto}#main-sheet>.lower>.lists>.textbox>div{font:400 16px Alegreya Sans;letter-spacing:0;padding-top:8px}#main-sheet>.lower>.calculated{width:76mm;flex:none;margin-top:36px}#main-sheet>.lower>.calculated>div.calc-header{margin-top:5mm;justify-content:flex-end;height:auto;align-items:flex-end;margin-right:-2mm}#main-sheet>.lower>.calculated>div.calc-header>div{width:8mm;font:bold 9px Alegreya Sans;margin-right:2mm}#main-sheet>.lower>.calculated>div{display:flex;justify-content:space-between;margin-bottom:2mm;height:13mm}#main-sheet>.lower>.calculated>div>.label span{display:block;font:italic 900 9px Alegreya Sans}#main-sheet>.lower>.calculated>div>.label span.sub{margin-top:6px}#main-sheet>.lower>.calculated>div>.values{display:flex;flex-wrap:wrap;width:41mm;align-content:flex-start;align-items:flex-start;margin-right:-3mm}#main-sheet>.lower>.calculated>div>.values>div{height:8mm;width:8mm;border:0.3mm solid black;font:21px/7.4mm Alegreya Sans;text-align:center;margin-right:2mm}#main-sheet>.lower>.calculated>div>.values>div:nth-child(4){font-weight:bold}#main-sheet>.lower>.calculated>div>.values>div.sub{height:4mm;line-height:15px;font-size:9px;margin-top:1mm}#main-sheet>.lower>.calculated>div>.values>div.blocked{font:24px/7.4mm Material}#main-sheet>.lower>.calculated>div.fate{margin-top:36px}#main-sheet .fate-points{display:flex;justify-content:flex-start;flex-wrap:wrap;position:relative;margin:10mm 0 0}#main-sheet .fate-points h3{width:100%;flex:none;margin:0 0 8mm}#main-sheet .fate-points label{position:absolute;top:9.5mm}#main-sheet .fate-points .labelbox:not(:last-child){margin-right:2mm;width:1cm;flex:none}#main-sheet .fate-points .labelbox:nth-last-child(2) .box{font-weight:bold}#main-sheet .fate-points .labelbox:last-child{flex:1 1 0%}#main-sheet .fate-points .box{width:100%;font:21px/9.4mm Alegreya Sans;letter-spacing:0.05em;text-align:center}#sheets{flex-flow:column nowrap}#sheets>.options{margin-bottom:11px}#sheets .scroll-inner{flex-flow:column nowrap;align-items:center;justify-content:center}.sheet{flex:none;width:21cm;height:29.7cm;background:white;margin-top:30px;text-align:left;padding:0.89cm;font:11px/16px Alegreya;color:black;letter-spacing:0;display:flex;flex-direction:column}.sheet:last-child{margin-bottom:30px}.sheet>div{display:flex;justify-content:space-between}.sheet h1,.sheet h2,.sheet h3{color:black;margin:0}.sheet h1{font:italic bold 24px/22px Alegreya}.sheet h2{font:17px/13px Alegreya SC;text-transform:none;letter-spacing:0}.sheet h3{font:bold 16px Alegreya;letter-spacing:0}.sheet-header{align-items:flex-end;flex:none;height:32mm;margin-bottom:4mm}.sheet-title{flex:1 1 100%;height:50px;display:flex;flex-direction:column;justify-content:center}.sheet-title h1,.sheet-title p{text-align:center}.sheet-title p{font:17px/13px Alegreya SC;margin-top:5px}.sheet-attributes{flex:none;display:flex;flex-wrap:wrap-reverse}.sheet-attribute{flex:none;margin:2mm 2mm 0;outline-width:0.55mm;outline-style:solid;outline-color:transparent;border:0.3mm solid black;height:12mm;width:12mm}.sheet-attribute.ATTR_1{outline-color:red}.sheet-attribute.ATTR_2{outline-color:#90c}.sheet-attribute.ATTR_3{outline-color:#3c3}.sheet-attribute.ATTR_4{outline-color:black}.sheet-attribute.ATTR_5{outline-color:yellow}.sheet-attribute.ATTR_6{outline-color:blue}.sheet-attribute.ATTR_7{outline-color:white}.sheet-attribute.ATTR_8{margin-right:0;outline-color:#f60}.sheet-attribute .label{font:bold 10px/14px Alegreya;color:black;letter-spacing:0.05em;text-transform:uppercase;display:block;top:0;padding:2px 6px 0}.sheet-attribute .value{text-align:center;font:bold 21px/24px Alegreya Sans;color:black;letter-spacing:0.05em;display:block}#sheets .sheet-wrapper .sheet.spells>.header .attributes>div:nth-child(9){width:110px}#sheets .sheet-wrapper .sheet.spells>.header .attributes>div:nth-child(9)>.value>div>div{width:100%}#sheets .sheet-wrapper .sheet.spells>.header .attributes>div:nth-child(10){width:350px;margin-right:0}#sheets .sheet-wrapper .sheet.spells .inline-table{white-space:nowrap;width:500px}#sheets .sheet-wrapper .sheet.spells .inline-table tr.specs{font-style:italic}#sheets .sheet-wrapper .sheet.spells .inline-table tr.specs td{padding-left:30px !important}#sheets .sheet-wrapper .sheet.spells .inline-table td.se{width:14px}#sheets .sheet-wrapper .sheet.spells .inline-table td.se div{height:10px;width:10px;border:1px solid black;border-radius:5px}#sheets .sheet-wrapper .sheet.spells .inline-table td.name{text-transform:none}#sheets .sheet-wrapper .sheet.spells .inline-table td.name span:last-child{float:right;padding-right:15px}#sheets .sheet-wrapper .sheet.spells .inline-table td.test,#sheets .sheet-wrapper .sheet.spells .inline-table td.skt,#sheets .sheet-wrapper .sheet.spells .inline-table td.zfw,#sheets .sheet-wrapper .sheet.spells .inline-table td.merk,#sheets .sheet-wrapper .sheet.spells .inline-table td.rep{padding-right:15px;width:15px}#sheets .sheet-wrapper .sheet.spells .inline-table td.zfw{width:50px}#sheets .sheet-wrapper .sheet.spells .inline-table td.page{width:1px}#sheets .sheet-wrapper .sheet.talents{position:relative}#sheets .sheet-wrapper .sheet.talents .inline-table thead>tr>td:first-child>span{padding-left:5px}#sheets .sheet-wrapper .sheet.talents .inline-table tbody{font-size:9px}#sheets .sheet-wrapper .sheet.talents .inline-table h3{line-height:inherit;display:inline-block}#sheets .sheet-wrapper .sheet.talents .inline-table tr.specs{font-style:italic}#sheets .sheet-wrapper .sheet.talents .inline-table tr.specs td{padding-left:30px !important}#sheets .sheet-wrapper .sheet.talents .inline-table td{height:18px;line-height:18px}#sheets .sheet-wrapper .sheet.talents .inline-table td.se{width:14px}#sheets .sheet-wrapper .sheet.talents .inline-table td.se div{height:8px;width:8px;border:1px solid black;border-radius:5px}#sheets .sheet-wrapper .sheet.talents .inline-table td.name{text-transform:none}#sheets .sheet-wrapper .sheet.talents .inline-table td.name span:last-child{float:right;padding-right:15px}#sheets .sheet-wrapper .sheet.talents .inline-table td.skt{width:18px}#sheets .sheet-wrapper .sheet.talents .inline-table td.be{width:30px}#sheets .sheet-wrapper .sheet.talents .inline-table td.at,#sheets .sheet-wrapper .sheet.talents .inline-table td.pa{width:24px}#sheets .sheet-wrapper .sheet.talents .inline-table td.taw{width:40px}#sheets .sheet-wrapper .sheet.talents .skill-categories{margin-top:0;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;height:calc(100% - 40px);width:calc(100% + 20px)}#sheets .sheet-wrapper .sheet.talents .skill-categories>*{margin:20px 0 0 !important;width:50%;padding-right:20px;padding-bottom:40px;border-spacing:0}#sheets .sheet-wrapper .sheet.talents .skill-categories>div{margin-top:20px}#sheets .sheet-wrapper .sheet.talents .skill-categories>div>h3{line-height:18px}#sheets .sheet-wrapper .sheet.talents .left{float:left;padding-right:10px}#sheets .sheet-wrapper .sheet.talents .left>table:nth-child(2){flex:0.2}#sheets .sheet-wrapper .sheet.talents .right{float:right;padding-left:10px}#sheets .sheet-wrapper .sheet.talents .right>table:last-child{flex:none}#rcp{background-image:url("images/rcp.png");background-color:#010c0a}#rcp ul{margin:0;padding:1px 0;list-style:none}#rcp ul.professions li h2{padding:5px 0 0}#rcp ul.professions li h3{font:500 13px/15px Alegreya Sans SC;color:#878683;text-transform:uppercase;margin-top:0;margin-bottom:7px}#rcp li{position:relative;padding:11px;display:flex;align-items:center}#rcp li>.left{flex:1 1 100%}#rcp li>.right{flex:0 0 auto;margin-left:11px}#rcp li h2{line-height:22px;margin-bottom:5px}#rcp li .base-values{display:flex}#rcp li .base-values>div:not(:first-child){margin-left:11px}#rcp li:not(:first-child){border-top:1px solid rgba(255,255,255,0.075)}#rcp li.active .btn{min-width:140px}#professions .spec>div{display:flex}#professions .spec>div>div:last-child:not(:first-child){margin-left:11px}#professions .list.curses>div{display:flex;align-items:center}#professions .list.curses>div:hover{background:#1e2328}#professions .list.curses>div>.checkbox{flex:1 1 100%}#professions .list.curses>div>.checkbox:hover{background:none}#professions .list.curses>div>span{margin:0 11px}#professions .list.curses>div>.btn{padding:0 14px 3px;min-width:auto;font-size:16px;flex:none;margin-left:4px}#professions .list.lang_lit>h4>span.error{color:#aa1b32}#professions .list.lang_lit>div{display:flex;align-items:center}#professions .list.lang_lit>div:hover{background:#1e2328}#professions .list.lang_lit>div>.checkbox{flex:1 1 100%}#professions .list.lang_lit>div>.checkbox:hover{background:none}#professions .list.lang_lit>div>.dropdown{margin:0;line-height:26px}#professions .list.lang_lit>div>.dropdown>div>div.value{height:28px}#professions .list.lang_lit>div>.dropdown>div>div.value::before{top:9px}#professions .list.lang_lit>div>.dropdown>div>div.value::after{bottom:9px}#professions .list.lang_lit>div>.dropdown.bottom>div>.down{top:28px}#professions .list.lang_lit>div>.dropdown.top>div>.down{bottom:28px}#professions .scroll-inner>.btn.btn-primary{margin-top:20px}#specialabilities tbody tr td.ap:last-child{padding-right:11px}@page{size:210mm 297mm;margin:0}@media only print{html,body,#bodywrapper,#body{background:none}html,body,#bodywrapper,#body,.page{overflow:auto;height:auto;width:auto}#body,section{background:none}#body{display:block}.titlebar,.subtabs{display:none}section{padding-top:0;display:block}.page{padding-top:0;flex:unset;display:block}.page .options{display:none}.scroll-sheet-wrapper.scroll.gm-scrollbar-container{overflow:auto;flex:unset}.scroll-sheet-wrapper.scroll.gm-scrollbar-container .gm-scroll-view{overflow:auto;height:auto !important;width:auto !important}.scroll-sheet-wrapper.scroll.gm-scrollbar-container .gm-scrollbar{display:none}.scroll-inner{padding:0 !important}.scroll-inner .sheet{margin-top:0 !important;height:296mm !important}.scroll-inner .sheet:not(:last-child){page-break-after:always}.scroll-inner .sheet>.header .attributes>.attr>.value{border-width:calc(0.5mm - 0.57pt/2) !important}.scroll-inner .sheet>.header .attributes>.attr>.value>div{border-width:0.57pt !important;position:relative}.scroll-inner .sheet>.header .attributes>.attr>.value>div>div{height:100%;width:100%}.scroll-inner .sheet.main>.lower>.calculated>div>.values>div>div{width:calc(1.2mm - 0.57pt);height:calc(1.2mm - 0.57pt)}} +#disadv tr td,#specialabilities tbody tr td{height:42px}#disadv tr td.name>div,#specialabilities tbody tr td.name>div{display:flex;align-items:center}#disadv tr td.name>div>h2,#specialabilities tbody tr td.name>div>h2,#disadv tr td.name>div>div,#specialabilities tbody tr td.name>div>div{flex:none;margin:0}#disadv tr td.name>div>div,#specialabilities tbody tr td.name>div>div{margin-left:14px}#disadv tr td.name>div>div.tiers,#specialabilities tbody tr td.name>div>div.tiers{width:65px}html,body,#bodywrapper,#body,main,section{width:100%;height:100%;position:relative}#disadv tr.imp td{color:#c89c3d}#disadv tr.imp td.name h2,#disadv tr.imp td.fw{color:#fabe0a}#disadv tr.typ td,#talents tr.typ td{color:#005177}#disadv tr.typ td.name h2,#talents tr.typ td.name h2,#disadv tr.typ td.fw,#talents tr.typ td.fw{color:#0acbe6}#disadv tr.untyp td,#talents tr.untyp td{color:#aa1b32}#disadv tr.untyp td.name h2,#talents tr.untyp td.name h2,#disadv tr.untyp td.fw,#talents tr.untyp td.fw{color:#ff2345}#herolist li:hover::after,#rcp li.active::after{position:absolute;left:-11px;top:-1px;width:-webkit-calc(100% + 5px);width:calc(100% + 5px);height:100%;content:"";border-image:linear-gradient(to right, #fabe0a 0%, rgba(250,190,10,0) 100%);border-image-slice:1;border-width:1px 0 1px 6px;border-style:solid;border-color:transparent;pointer-events:none}@font-face{font-family:"C5AUI";font-style:normal;font-weight:normal;src:url("fonts/Cha5App UI/Cha5App-UI.ttf") format("truetype")}@font-face{font-family:"Material";font-style:normal;font-weight:normal;src:url("fonts/Material/MaterialIcons-Regular.ttf") format("truetype")}@font-face{font-family:"Alegreya";font-style:normal;font-weight:700;src:url("fonts/Alegreya-Bold.ttf") format("truetype")}@font-face{font-family:"Alegreya";font-style:italic;font-weight:700;src:url("fonts/Alegreya-BoldItalic.ttf") format("truetype")}@font-face{font-family:"Alegreya";font-style:normal;font-weight:400;src:url("fonts/Alegreya-Regular.ttf") format("truetype")}@font-face{font-family:"Alegreya SC";font-style:normal;font-weight:700;src:url("fonts/AlegreyaSC-Bold.ttf") format("truetype")}@font-face{font-family:"Alegreya SC";font-style:normal;font-weight:400;src:url("fonts/AlegreyaSC-Regular.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:700;src:url("fonts/AlegreyaSans-Bold.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:italic;font-weight:700;src:url("fonts/AlegreyaSans-BoldItalic.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:900;src:url("fonts/AlegreyaSans-ExtraBold.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:italic;font-weight:900;src:url("fonts/AlegreyaSans-ExtraBoldItalic.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:italic;font-weight:400;src:url("fonts/AlegreyaSans-Italic.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:500;src:url("fonts/AlegreyaSans-Medium.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:italic;font-weight:500;src:url("fonts/AlegreyaSans-MediumItalic.ttf") format("truetype")}@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:400;src:url("fonts/AlegreyaSans-Regular.ttf") format("truetype")}@font-face{font-family:"Gentium Basic";font-style:normal;font-weight:400;src:url("fonts/GentiumBasic-Regular.ttf") format("truetype")}h2,h3,h4,h5,h6{font-weight:normal;text-align:left;text-transform:none;padding:0;color:#f1e6d4;font:bold 18px/28px Alegreya;margin:20px 0 0;letter-spacing:0.05em}h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h2{text-transform:uppercase}h4{font-size:bold 14px/22px Alegreya;color:#878683;letter-spacing:0.025em;text-transform:uppercase}*{box-sizing:border-box;-ms-overflow-style:none}*:not(input):not(textarea){-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}a{color:#0080b9}a:hover{color:#52abd1}p{margin:10px 0 0}p:first-child{margin:0}p.featured{font-weight:500;color:#f1e6d4}.default-1-1{width:100%}.avatar{background:center/cover no-repeat black;box-shadow:0 0 1px 1px black inset;border-radius:50%}.avatar.no-avatar{box-shadow:none;background:none}.avatar-wrapper{background:linear-gradient(to bottom, #9a7830 0%, #6d5024 100%);padding:2px;border-radius:50%;position:relative}.avatar-wrapper>.avatar{height:100%;width:100%}.avatar-wrapper.no-avatar{border:2px solid #2b2f34;padding:0;background:none}.avatar-wrapper.no-avatar>.avatar{box-shadow:none;background:none}.btn,input[type="submit"]{text-align:center;background-color:#1a1a1a;padding:3px 16px 6px;letter-spacing:0.05em;border:2px solid transparent;border-image:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%) 1 1 1 1;display:inline-block;box-shadow:0 0 2px black inset, 0 0 2px black;font:400 17px/19px "Alegreya SC";text-transform:lowercase;color:#c8a86f;margin-top:22px;min-width:140px}.btn:hover,.btn:active,input[type="submit"]:hover,input[type="submit"]:active{background-image:linear-gradient(to bottom, rgba(200,155,60,0) 50%, rgba(200,155,60,0.25) 100%);cursor:pointer}.btn:hover,input[type="submit"]:hover{border-image:linear-gradient(to bottom, #f0e6d2 0%, #c89b3c 100%) 1 1 1 1;color:#f0e6d2}.btn:active,input[type="submit"]:active{border-image:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%) 1 1 1 1;color:#5c5b57}.btn{margin-top:0;text-decoration:none}.btn.btn-primary{border-image:linear-gradient(to bottom, #0abdb7 0%, #0abdb7 60%, #0c4550 100%) 1 1 1 1;color:#a3c7c7;background-color:rgba(16,23,33,0.5);min-width:160px}.btn.btn-primary:hover{border-image:linear-gradient(to bottom, #b4fbfb 0%, #4bb8d9 100%) 1 1 1 1;color:#caf8f7;text-shadow:0 0 3px #4be3de;box-shadow:0 0 4px rgba(75,227,222,0.6),0 0 4px rgba(75,227,222,0.6) inset;background-image:linear-gradient(rgba(75,184,217,0) 0%, rgba(75,184,217,0.25) 100%)}.btn.btn-primary:active{background-color:transparent;color:#0d404c;text-shadow:none;border:2px solid #0c4550;box-shadow:0 0 4px rgba(75,227,222,0.2),0 0 4px rgba(75,227,222,0.2) inset;background-image:linear-gradient(rgba(75,184,217,0) 0%, rgba(75,184,217,0.125) 100%)}.btn.fullWidth{display:block}.btn.disabled{border-image:none !important;box-shadow:none}.box{border:0.3mm solid black}.btn{height:32px;color:#c8aa6e;text-align:center;overflow:hidden}.btn:hover,.btn:active{cursor:pointer}.btn.disabled{border:2px solid #31353a;background:none;color:#31353a;pointer-events:none}.btn.autoWidth{width:auto;min-width:auto}.checkbox{display:flex;padding:6px 11px 6px 0;margin:0 1px}.checkbox:hover{background:#1e2328;cursor:pointer}.checkbox:hover .icon .border{border-image:linear-gradient(to bottom, #785a28 0%, #ccbe91 100%);border-image-slice:1}.checkbox:hover .icon .hook{border-color:#f1e6d4}.checkbox:hover .text{color:#f1e6d4;cursor:pointer}.checkbox .icon{flex:1 0%;margin:4px 0 5px}.checkbox .icon .border{height:11px;width:11px;border:1px solid #785a28;box-shadow:0 0 0 1px rgba(0,0,0,0.15),0 0 3px 1px rgba(0,0,0,0.15) inset}.checkbox .icon .hook{visibility:hidden;margin-left:5px;margin-top:-13px;height:10px;width:4px;transform:rotate(45deg);border-width:0 1px 1px 0;border-color:#c8aa6e;border-style:solid}.checkbox.active .hook{visibility:visible}.checkbox.active .text{color:#f1e6d4}.checkbox.disabled{pointer-events:none}.checkbox.disabled .icon{flex:1 0%;margin:4px 0 5px}.checkbox.disabled .icon .border{border:1px solid rgba(122,123,118,0.5);box-shadow:0 none}.checkbox.disabled .icon .hook{border-color:#7a7b76}.checkbox.disabled .text{color:#7a7b76}.checkbox .text{flex:0 100%;color:#c89b3c;font:400 12px/20px Alegreya Sans;text-transform:uppercase;letter-spacing:0.05em;padding-left:11px}.modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;background:rgba(0,0,0,0.4);z-index:10000;justify-content:center;align-items:center}.modal-backdrop .modal-container{width:380px;height:auto;background:#010a13;border:1px solid #785a28;position:relative}.modal-backdrop .modal-container:before,.modal-backdrop .modal-container:after{position:absolute;display:block;content:"";width:-webkit-calc(100% - 10px);width:calc(100% - 10px);height:2px;left:4px;background:#785a28}.modal-backdrop .modal-container:before{top:-5px}.modal-backdrop .modal-container:after{bottom:-5px}.modal-backdrop .modal-container .modal-close{width:36px;height:36px;display:block;position:absolute;border-radius:50%;background:#010a13;border:1px solid #785a28;right:-18px;top:-18px}.modal-backdrop .modal-container .modal-close>div{border:1.5px solid #bda36c;border-radius:50%;color:#bda36c;margin:2px;font:14px/27px "C5AUI";text-align:center}.modal-backdrop .modal-container .modal-close:hover{cursor:pointer}.modal-backdrop .modal-container .modal-close:hover>div{color:#f1e6d4}.modal-backdrop .modal-container .modal-header{padding:24px 24px 15px}.modal-backdrop .modal-container .modal-header .modal-header-inner{font:bold 20px/24px Alegreya SC;color:#f1e6d4;letter-spacing:0.1em;text-transform:uppercase}.modal-backdrop .modal-container .modal-content{position:relative;height:-webkit-calc(100% - 77px);height:calc(100% - 77px)}.modal-backdrop .modal-container .modal-content .modal-content-inner{color:#878683;font:11px/16px "Source Sans Pro";letter-spacing:0.05em;padding:0 24px 55px}.modal-backdrop .modal-container .modal-content .modal-content-inner p{margin-top:14px}.modal-backdrop .modal-container .modal-content .modal-content-inner p span.link{color:#015175;display:block;letter-spacing:0.03em;line-height:22px}.modal-backdrop .modal-container .modal-content .modal-content-inner p span.link:hover{color:#3685a7;cursor:pointer}.modal-backdrop .modal-container .modal-content .modal-content-inner>div{margin-top:14px}.modal-backdrop .modal-container .modal-content .modal-content-inner>div:first-child{margin-top:0}.modal-backdrop .modal-container .dialog-buttons{display:flex;justify-content:center;position:absolute;width:100%;height:32px;left:0;bottom:-1px}.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner{background:#010a13;position:relative;padding:0 1px}.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner>div{box-shadow:0 none;margin:0 1px}.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner>div:first-child:before,.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner>div:last-child:after{position:absolute;display:block;content:"";height:11px;width:1px;bottom:0;background:#785a28}.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner>div:first-child:before{left:-1px}.modal-backdrop .modal-container .dialog-buttons>.dialog-buttons-inner>div:last-child:after{right:-1px}.dropdown{width:280px;margin:10px 0;font:500 13px/30px Alegreya Sans}.dropdown>div{position:relative}.dropdown>div>.value{width:100%;height:32px;background:#11161c;padding:0 22px 0 11px;margin:0;color:#a19b8f;display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid transparent;border-image:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%);border-image-slice:1;box-shadow:0 0 1px black inset}.dropdown>div>.value:hover{cursor:pointer}.dropdown>div>.value::before,.dropdown>div>.value::after{position:absolute;content:"";height:2px;width:2px;border-width:1px;border-style:solid;border-color:#c5a461 #c5a461 transparent transparent;right:11px}.dropdown>div>.value::before{top:11px;transform:rotate(-45deg)}.dropdown>div>.value::after{bottom:11px;transform:rotate(135deg)}.dropdown>div>.down{position:absolute;width:100%;top:32px;left:0;z-index:100;overflow:hidden;height:1px;pointer-events:none}.dropdown>div>.down>div{position:relative}.dropdown>div>.down>div .gm-scroll-view>div{height:32px;padding:0 11px;line-height:30px;color:#ccbe91;position:relative}.dropdown>div>.down>div .gm-scroll-view>div:not(:last-child){height:33px;border-bottom:1px solid #1f282d}.dropdown>div>.down>div .gm-scroll-view>div:hover{cursor:pointer;color:#f1e6d4;background:#1c2328}.dropdown>div>.down>div .gm-scroll-view>div.active:after{content:"";position:absolute;top:12px;right:11px;width:11px;height:4px;border-width:0 0 1px 1px;border-style:solid;border-color:#f1e6d4;transform:rotate(-45deg)}.dropdown.active>div>.value{color:#524018;border-image:none;border-color:#524018;box-shadow:none}.dropdown.active>div>.value::before,.dropdown.active>div>.value::after{border-color:#524018 #524018 transparent transparent}.dropdown.active>div>.down{transition:height 0.35s cubic-bezier(0.23, 1, 0.32, 1);pointer-events:all;display:block;border:1px solid transparent;border-image:linear-gradient(to bottom, #524018 0%, #6d5024 100%);border-image-slice:1;background:#11161c}.dropdown.disabled{pointer-events:none}.dropdown.disabled>div>.value{color:#2b2f34;border-image:none;border-color:#2b2f34;box-shadow:none;background:transparent}.dropdown.disabled>div>.value::before,.dropdown.disabled>div>.value::after{border-color:#2b2f34 #2b2f34 transparent transparent}.dropdown.fullWidth{width:auto}.dropdown.top>div>.down{top:auto;bottom:32px}.dropdown.top.active>div>.down{border-image:linear-gradient(to bottom, #6d5024 0%, #524018 100%);border-image-slice:1}hr{margin:15px 0 5px;border:none;height:1px;background:#1e282d}.btn-round{width:32px;color:#c8aa6e;border:0;border-radius:50%;border-image:none;box-shadow:none;background:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%);padding:2px;min-width:0}.btn-round>div{border-radius:50%;font:16px/28px Material;background:#1e282d}.btn-round:hover>div,.btn-round:active>div{background-image:linear-gradient(to bottom, rgba(200,155,60,0) 50%, rgba(200,155,60,0.25) 100%)}.btn-round:hover{background:linear-gradient(to bottom, #f0e6d2 0%, #c89b3c 100%)}.btn-round:hover>div{color:#f0e6d2}.btn-round:active{background:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%)}.btn-round:active>div{color:#5c5b57}.btn-round.btn-primary{background:linear-gradient(to bottom, #0abdb7 0%, #0abdb7 60%, #0c4550 100%);color:#a3c7c7}.btn-round.btn-primary>div{background:#101721}.btn-round.btn-primary:hover{background:linear-gradient(to bottom, #b4fbfb 0%, #4bb8d9 100%)}.btn-round.btn-primary:hover>div{background-image:linear-gradient(to bottom, #102120 20%, #214341 100%);color:#caf8f7}.btn-round.disabled>div{background:none;line-height:24px}label{color:#a19b8f;letter-spacing:0.05em;display:block;font:500 12px/1 Alegreya Sans;padding-bottom:6px}label.disabled{color:#31353a}.labelbox{display:flex;flex-direction:row;align-items:center}.labelbox .box{flex:none;height:1cm;line-height:1cm}.labelbox label{flex:1 1 100%;font:bold 11px Alegreya;color:black;letter-spacing:0;padding-bottom:0}#loader{align-items:center;background:rgba(0,0,0,0.5);bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:9000}#loader div.icon{-ms-transform:translateZ(0);-webkit-animation:load8 1s infinite linear;-webkit-transform:translateZ(0);animation:load8 1s infinite linear;border-bottom:4px solid rgba(75,227,222,0.2);border-left:4px solid #4be3de;border-right:4px solid rgba(75,227,222,0.2);border-top:4px solid rgba(75,227,222,0.2);position:relative;transform:translateZ(0)}#loader div.icon,#loader div.icon:after{border-radius:50%;width:44px;height:44px}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#loader div.text{color:#f1e6d4;font:500 13px Alegreya Sans;letter-spacing:0.05em;margin-top:10px;text-align:center}.number-box{position:absolute;border:1px solid #3c3c41;background:#0d141c;color:#a09b8c;text-align:center;font-size:12px;line-height:16px;height:18px}.number-box span+span:before{content:" / "}.overlay{position:fixed;border:2px solid #463714;background:#010a13;color:#878683;box-shadow:0 0 0 1px transparentiz(#000, 0.6);z-index:2000}.overlay>div{padding:18px}.overlay h4{font:bold 14px/18px Alegreya SC;text-transform:uppercase;color:#f1e6d4;display:flex;justify-content:space-between;letter-spacing:0.07em}.overlay h4 span:last-child{color:#878683}.overlay p{font:500 12px/16px Alegreya Sans;letter-spacing:0.05em;margin-top:16px}.overlay p:last-child{margin-bottom:1px}.overlay.overlay-top:after{content:"";position:absolute;height:12px;width:12px;border-width:2px;border-style:solid;border-color:transparent #463714 #463714 transparent;background:#010a13;transform:rotate(45deg);left:-webkit-calc(50% - 8px);left:calc(50% - 8px);bottom:-8px;pointer-events:none}.overlay.overlay-bottom:before{content:"";position:absolute;height:12px;width:12px;border-width:2px;border-style:solid;border-color:transparent #463714 #463714 transparent;background:#010a13;transform:rotate(-135deg);left:-webkit-calc(50% - 8px);left:calc(50% - 8px);top:-8px;pointer-events:none}#sheets .plain{display:flex;align-items:center;height:21px}#sheets .plain div.label{font:bold 11px Alegreya;padding-right:7px;flex:none}#sheets .plain div.value{font:400 13px Alegreya Sans;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1 1 100%;padding-right:5px}.radio{display:flex;height:32px;padding:6px 11px 6px 0;margin:0 1px}.radio:hover{background:#1e2328;cursor:pointer}.radio:hover .text{color:#f1e6d4;cursor:pointer}.radio .icon{flex:1 0%;transform:rotate(45deg);margin:5px 0 5px 1px}.radio .icon .border{height:10px;width:10px;border:1px solid #785a28;box-shadow:0 0 0 1px rgba(0,0,0,0.15),0 0 3px 1px rgba(0,0,0,0.15) inset}.radio .icon .dot{visibility:hidden;margin-left:2.5px;margin-top:-7.5px;height:5px;width:5px;background:#c8aa6e}.radio.active{pointer-events:none}.radio.active .dot{visibility:visible}.radio.active .text{color:#f1e6d4}.radio.disabled{pointer-events:none}.radio.disabled .icon .border{border:1px solid #2b2f34}.radio.disabled .icon .dot{background:#2b2f34}.radio.disabled .text{color:#31353a}.radio .text{flex:0 100%;color:#c89b3c;font:400 12px/20px Alegreya Sans;text-transform:uppercase;letter-spacing:0.05em;padding-left:11px}.ps-container.ps-theme-tde>.ps-scrollbar-y-rail,.ps-container.ps-theme-tdebg>.ps-scrollbar-y-rail{width:11px;transition:none;opacity:1}.ps-container.ps-theme-tde>.ps-scrollbar-y-rail .ps-scrollbar-y,.ps-container.ps-theme-tdebg>.ps-scrollbar-y-rail .ps-scrollbar-y{width:11px;cursor:pointer;border-radius:5.5px;background-color:#1e2328;background-clip:padding-box;transition:none;right:0;border:3px solid transparent}.ps-container.ps-theme-tde.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail,.ps-container.ps-theme-tdebg.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background:none;opacity:1}.ps-container.ps-theme-tde.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail .ps-scrollbar-y,.ps-container.ps-theme-tdebg.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail .ps-scrollbar-y{background-color:#463714}.ps-container.ps-theme-tde:hover>.ps-scrollbar-y-rail,.ps-container.ps-theme-tde:hover>.ps-scrollbar-y-rail:hover,.ps-container.ps-theme-tdebg:hover>.ps-scrollbar-y-rail,.ps-container.ps-theme-tdebg:hover>.ps-scrollbar-y-rail:hover{opacity:1}.ps-container.ps-theme-tde:hover>.ps-scrollbar-y-rail .ps-scrollbar-y,.ps-container.ps-theme-tdebg:hover>.ps-scrollbar-y-rail .ps-scrollbar-y{background-color:#785a28}.ps-container.ps-theme-tde:hover>.ps-scrollbar-y-rail:hover,.ps-container.ps-theme-tdebg:hover>.ps-scrollbar-y-rail:hover{background:none}.ps-container.ps-theme-tde:hover>.ps-scrollbar-y-rail:hover .ps-scrollbar-y,.ps-container.ps-theme-tdebg:hover>.ps-scrollbar-y-rail:hover .ps-scrollbar-y{width:11px;background-color:#cdbe91}.ps-container.ps-theme-tde:active>.ps-scrollbar-y-rail:active .ps-scrollbar-y,.ps-container.ps-theme-tdebg:active>.ps-scrollbar-y-rail:active .ps-scrollbar-y{width:11px;background-color:#463714}.ps-container.ps-theme-tdebg>.ps-scrollbar-y-rail{background:#010a13}.gm-test{width:100px;height:100px;position:absolute;top:-9999px;overflow:scroll;-ms-overflow-style:scrollbar}.gm-scrollbar-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gm-prevented{-webkit-overflow-scrolling:touch}.gm-prevented .gm-scrollbar{display:none}.gm-scrollbar-container{position:relative;overflow:hidden;width:100%;height:100%}.gm-scrollbar-container .gm-scroll-view{width:calc(100% + 17px);height:100%;overflow:scroll;-webkit-overflow-scrolling:touch}.gm-scrollbar-container.gm-autoshow .gm-scrollbar{opacity:0;transition:opacity 120ms ease-out}.gm-scrollbar-container.gm-autoshow:hover .gm-scrollbar,.gm-scrollbar-container.gm-autoshow:focus .gm-scrollbar{opacity:1;transition:opacity 340ms ease-out}.gm-scrollbar-container .thumb{background:#1e2328}.gm-scrollbar-container .thumb:active{background-color:#463714}.gm-scrollbar-container:hover .thumb{background-color:#785a28}.gm-scrollbar-container:hover .thumb:hover{background-color:#cdbe91}.gm-scrollbar-container:hover .thumb:active{background-color:#463714}.gm-scrollbar{position:absolute;z-index:20;background:transparent}.gm-scrollbar.-vertical{width:11px;right:0;top:0;bottom:0}.gm-scrollbar.-vertical .thumb{width:100%}.gm-scrollbar.-horizontal{height:11px;bottom:0;left:0;right:0;display:none}.gm-scrollbar.-horizontal .thumb{height:100%}.gm-scrollbar .thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:5.5px;border:3px solid transparent;background-clip:padding-box}.slidein-wrapper{pointer-events:none}.slidein-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;display:none;justify-content:flex-end;align-items:flex-end;flex-direction:column;background:transparent;pointer-events:none;z-index:900}.slidein-backdrop.slidein-open{pointer-events:all;display:flex}.slidein-backdrop.slidein-open>.slidein{bottom:0}.slidein-backdrop .slidein{position:relative;background:#010a13;border-top:2px solid #785a28;height:-webkit-calc(100% - 80px);height:calc(100% - 80px);width:100%;bottom:-100%;right:0;color:#a1a1a1;font:13px/14px "Source Sans Pro";letter-spacing:0.03em;padding:3px 0}.slidein-backdrop .slidein:before{position:absolute;display:block;content:"";width:-webkit-calc(100% + 22px);width:calc(100% + 22px);height:0;border-color:#010a13 transparent #785a28;border-style:solid;border-width:2px 0 1px;top:0;left:0;z-index:999}.slidein-backdrop .slidein .slidein-close{width:36px;height:36px;display:block;position:absolute;border-radius:50%;background:#010a13;border:1px solid #785a28;right:20px;top:-15px;z-index:1000}.slidein-backdrop .slidein .slidein-close>div{border:2px solid #bda36c;border-radius:50%;color:#bda36c;margin:2px;font:18px/26px Material;text-align:center}.slidein-backdrop .slidein .slidein-close:hover{cursor:pointer}.slidein-backdrop .slidein .slidein-close:hover>div{color:white}.slidein-backdrop .slidein .slidein-content{position:relative;height:100%;display:flex;flex-wrap:nowrap;overflow:hidden}.slidein-backdrop .slidein .slidein-content .scroll{flex:1 1 100%}.slidein-backdrop .slidein .slidein-content .scroll .scroll-inner{padding:22px 35px !important}.slidein-backdrop .slidein .slidein-content>.options{flex:1 0 auto;width:200px;margin-left:35px;padding-top:22px}.slidein-backdrop .slidein .slidein-content>.options .radiobutton-group{width:100%}.slidein-backdrop .slidein .slidein-content h4{font-size:13px;letter-spacing:0.075em;line-height:40px}.slider-wrapper{width:100%;max-width:280px}.slider-wrapper input[type=range]{-webkit-appearance:none;width:100%;height:32px;background:none;margin:0 0 -7px;padding:0}.slider-wrapper input[type=range]:focus{outline:none}.slider-wrapper input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;animate:0.2s;box-shadow:0 none;background:#1f282d;border-radius:0}.slider-wrapper input[type=range]::-webkit-slider-thumb{height:14px;width:14px;border-radius:0;background:#2c404c;cursor:pointer;box-shadow:0 none;margin-top:-7px;border:0 none;transform:rotate(45deg);-webkit-appearance:none;margin-top:-10px}.slider-wrapper input[type=range]::-webkit-slider-thumb:hover{background:#3c5462}.slider-wrapper input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;animate:0.2s;box-shadow:0 none;background:#1f282d;border-radius:0}.slider-wrapper input[type=range]::-moz-range-thumb{height:14px;width:14px;border-radius:0;background:#2c404c;cursor:pointer;box-shadow:0 none;margin-top:-7px;border:0 none;transform:rotate(45deg)}.slider-wrapper input[type=range]::-moz-range-thumb:hover{background:#3c5462}.slider-wrapper input[type=range]::-ms-track{width:100%;height:2px;cursor:pointer;animate:0.2s;box-shadow:0 none;background:transparent;color:transparent}.slider-wrapper input[type=range]::-ms-fill-lower{background:#2c404c;border-radius:0}.slider-wrapper input[type=range]::-ms-fill-upper{background:#1f282d;border-radius:0}.slider-wrapper input[type=range]::-ms-thumb{height:14px;width:14px;border-radius:0;background:#2c404c;cursor:pointer;box-shadow:0 none;margin-top:-7px;border:0 none;transform:rotate(45deg)}.slider-wrapper input[type=range]::-ms-thumb:hover{background:#3c5462}.slider-wrapper .slider-label{flex:0 100%;font:11px/11px "Source Sans Pro";letter-spacing:0.03em;display:flex}.slider-wrapper .slider-label span:first-child{flex:0 100%}.slider-wrapper .slider-label .slider-value{color:#c8aa6e;flex:1 0%}.subtabs{width:100%;display:flex;align-items:center;position:relative;height:42px;padding:10px 0}.subtabs>.tab{font:bold 13px/21px Alegreya SC;flex:0 1 auto;letter-spacing:0.1em;margin-left:35px;text-transform:uppercase;position:relative;color:#cdbe91;min-width:0}.subtabs>.tab:hover{color:#f1e6d4;cursor:pointer}.subtabs>.tab:active,.subtabs>.tab:focus{color:#c89b3c;cursor:pointer}.subtabs>.tab:last-child{margin-right:35px}.subtabs>.tab.active{pointer-events:none;color:#f1e6d4}.subtabs>.tab.active:after{position:absolute;content:"";width:4px;height:4px;bottom:-3px;left:0;right:0;margin:0 auto;border:1px solid #cdbe91;border-color:transparent #cdbe91 #cdbe91 transparent;transform:rotate(45deg)}.subtabs>.tab.disabled{pointer-events:none;color:#797974}.subtabs>.tab div{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}table{border-collapse:collapse;border-spacing:0;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px;table-layout:auto;width:100%;white-space:nowrap}table.list td{padding:5px 5px 5px 11px}table.list td.name{width:100%}table.list td.name,table.list td.fw{color:#f0e6d2}table.list thead{font:bold 13px/22px Alegreya SC}table.list thead td{border-bottom:1px solid rgba(255,255,255,0.075)}table.list tbody tr:not(:last-child) td{border-bottom:1px solid rgba(255,255,255,0.075)}table.list tbody tr:hover{background:rgba(255,255,255,0.025)}table.list tbody td{height:36px}table.list tbody td.name h2,table.list tbody td.fw{font:500 15px/15px Alegreya Sans;text-transform:none;color:#f0e6d2}table.list tbody td.check,table.list tbody td.skt{font:13px/13px Alegreya SC}table.list tbody td.inc{font-weight:500;display:flex;justify-content:flex-end;align-items:center}table.list tbody td.inc .btn{height:26px;padding:0 14px 3px;min-width:auto;font-size:16px;flex:none}table.list tbody td.inc .btn:nth-child(2){margin-left:4px}table.list.large-list tbody td{height:42px}table.list.large-list tbody td.name>div{display:flex;align-items:center}table.list.large-list tbody td.name>div>h2,table.list.large-list tbody td.name>div>div{flex:none;margin:0}table.list.large-list tbody td.name>div>div{margin-left:14px}table.list.large-list tbody td.name>div>div.tiers{width:65px}.textfield{width:280px;overflow:hidden;margin:10px 0;position:relative;font:500 13px/30px "Alegreya Sans"}.textfield .textfield-hint{width:100%;height:32px;padding:1px 12px;pointer-events:none;position:absolute;color:#a09b8c}.textfield .textfield-hint.hide{visibility:hidden}.textfield input,.textfield textarea{width:100%;height:32px;border:1px solid #524018;background:#11161c;padding:0 11px;margin:0;color:#f0e6d2;font:500 13px/30px "Alegreya Sans";display:block;box-shadow:0 0 0 1px rgba(0,0,0,0.45),0 0 0 1px rgba(0,0,0,0.45) inset;outline:0 none}.textfield input:focus,.textfield input:active,.textfield textarea:focus,.textfield textarea:active{background:linear-gradient(to bottom, #11161c 0%, #1c2328 100%);border-image:linear-gradient(to bottom, #524018 0%, #ccbe91 100%);border-image-slice:1}.textfield.fullWidth{width:auto}.textfield.disabled{pointer-events:none}.textfield.disabled .textfield-hint{color:#31353a}.textfield.disabled label{color:#31353a}.textfield.disabled input,.textfield.disabled textarea{border:1px solid #2b2f34;background:none;color:#31353a;box-shadow:none}.btn-group{display:flex}.btn-group div+.btn{margin:10px 0 10px 11px}.titlebar-back{flex:1 0 auto;display:flex;position:relative;margin-left:35px;width:40px;align-items:center;padding-left:4px}.titlebar-back+div{margin-left:28px}.titlebar-back:after{position:absolute;height:50px;width:1px;content:"";background:#3c3732;top:15px;right:-1px}.titlebar-back>div{height:19px;width:19px}.titlebar-back svg{transform:rotate(45deg)}.titlebar-back svg path{fill:#c89b3c}.titlebar-back svg:hover{cursor:pointer}.titlebar-back svg:hover path{fill:#f1e6d4}.titlebar-left{flex:1 1 100%;overflow:hidden;display:flex;align-items:stretch}.titlebar-left>div:first-child:not(.titlebar-tabs),.titlebar-left>div:first-child.titlebar-tabs>div:first-child{margin-left:40px}.titlebar-left>div.avatar-wrapper{flex-shrink:0;align-self:center;height:48px;width:48px}.titlebar-left>div.avatar-wrapper+div{margin-left:24px}.titlebar-left>div.avatar-wrapper>div.avatar{height:44px;width:44px}.titlebar-left>div.text{color:#f1e6d4;text-transform:uppercase;margin-left:24px;letter-spacing:0.1em}.titlebar-right{flex:1 0 auto;display:flex;position:relative;margin:0 35px;align-items:center}.titlebar-right>.titlebar-tabs{margin:0 24px}.titlebar-right .btn{margin-left:11px;flex:none}.titlebar-right .collected-ap{color:#a19b8f;flex:1 0 auto;font:bold 15px/32px Alegreya SC;height:32px;letter-spacing:0.1em;margin:0 11px 0 35px;position:relative;text-transform:uppercase}.titlebar-tabs{flex:1 1 100%;overflow:hidden;display:flex;align-items:center;align-self:stretch}.titlebar-tabs .tab{font:bold 15px/18px Alegreya SC;flex:0 1 auto;letter-spacing:0.1em;margin-left:35px;text-transform:uppercase;position:relative;color:#cdbe91;min-width:0}.titlebar-tabs .tab:first-child{margin-left:0}.titlebar-tabs .tab:hover{color:#f1e6d4;cursor:pointer}.titlebar-tabs .tab:active,.titlebar-tabs .tab:focus{color:#c89b3c;cursor:pointer}.titlebar-tabs .tab.active{pointer-events:none;color:#f1e6d4}.titlebar-tabs .tab.active::after{position:absolute;content:"";width:4px;height:4px;bottom:-4px;left:0;right:0;margin:0 auto;border:1px solid #cdbe91;border-color:transparent #cdbe91 #cdbe91 transparent;transform:rotate(45deg)}.titlebar-tabs .tab.disabled{pointer-events:none;color:rgba(135,134,131,0.8)}.titlebar-tabs .tab div{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.titlebar{position:absolute;width:100%;z-index:800}.titlebar-inner{height:80px;width:100%;display:flex;position:relative}#toolbar{bottom:2px;display:flex;justify-content:center;position:fixed;left:0;padding:0;width:100%;pointer-events:none}#toolbar .toolbar-inner{flex:none;padding:5px;border:1px solid rgba(70,55,20,0.75);background:rgba(0,0,0,0.4);pointer-events:all}#toolbar .toolbar-inner>div:not(:last-child){margin-right:4px}.tooltip-wrapper{z-index:1}.tooltip-wrapper>.overlay{z-index:2000}.vertical-list>span:not(:last-child)::after{content:'';background:#3c3c41;border-radius:50%;height:4px;width:4px;display:inline-block;margin:2px 8px}html,body,#bodywrapper,#body{margin:0;overflow:hidden;padding:0;position:relative}#body{cursor:default;background:#000;display:flex;font:14px/23px Alegreya}main{flex:1 1 100%}section{padding-top:80px;z-index:0;overflow:hidden;background:url("images/background.jpg") center/cover #010a13;display:flex;flex-direction:column}section .scroll{flex:1 1 100%}section .scroll .scroll-inner{padding:0 35px 22px}.subtabs{flex:none}.page{flex:1 1 auto;padding:8px 0 0;font:14px/22px Alegreya Sans;letter-spacing:0.025em;color:#878683;display:flex;flex-wrap:nowrap;position:relative;overflow:hidden;height:100%}.page>.options{flex:1 0 auto;width:200px;margin-left:35px}.page>.options .radiobutton-group,.page>.options .btn{width:100%}.page>.options .btn{margin-top:10px}#about .third-party-software{font-size:12px;line-height:normal;margin-top:10px}#account .change{height:74px}#account .btn{margin-top:20px}#attribute .page::before{position:absolute;width:-webkit-calc(100% - 70px);width:calc(100% - 70px);height:1px;content:"";background:#3c3732;top:0;left:35px}#attribute .scroll-inner{flex-wrap:wrap;flex-direction:column;align-items:center}#attribute .counter{margin-top:10px;text-align:center}#attribute .main,#attribute .calculated{display:flex;flex-wrap:wrap;justify-content:center}#attribute .main .number-box,#attribute .calculated .number-box{top:70px;right:-6px;width:24px;z-index:2}#attribute .main .number-box+.btn-round,#attribute .calculated .number-box+.btn-round{margin-top:8px}#attribute .main{padding-bottom:16px;display:flex;flex-wrap:wrap;justify-content:center}#attribute .main .number-box{width:24px}#attribute .calculated .value{background:transparent}#attribute .calculated .number-box{width:40px}#attribute .short{font:bold 14px/28px Alegreya;color:#f1e6d4;letter-spacing:0.05em;text-transform:uppercase;text-align:center}#attribute .value{border:2px solid transparent;padding:2px;background:#0d141c}#attribute .value-inner{border:1px solid #3c3c41;padding:1px}#attribute .value-inner>div{height:45px;width:45px;text-align:center;font:bold 28px/45px Alegreya Sans;color:#f1e6d4;letter-spacing:0.05em;text-transform:uppercase;background:#010a13;overflow:hidden}#attribute .btn-round{margin-top:5px}#attribute .attr{margin:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:none;position:relative}#attribute .attr.ATTR_1>.value{border-color:#aa1b32}#attribute .attr.ATTR_2>.value{border-color:#6b4497}#attribute .attr.ATTR_3>.value{border-color:#06a341}#attribute .attr.ATTR_4>.value{border-color:#3c3c41}#attribute .attr.ATTR_5>.value{border-color:#aea000}#attribute .attr.ATTR_6>.value{border-color:#005177}#attribute .attr.ATTR_7>.value{border-color:#d1c6a4}#attribute .attr.ATTR_8>.value{border-color:#ac6000}.overlay>.calc-attr-overlay{width:280px}.overlay>.calc-attr-overlay p.calc-text{font-style:italic}#herocreation .modal-container{width:330px}#herolist ul{margin:0;padding:1px 0;list-style:none}#herolist li{position:relative;padding:11px;display:flex;align-items:center}#herolist li>svg{position:absolute;top:7px;left:7px;-webkit-filter:drop-shadow(0 0 2px #000);filter:drop-shadow(0 0 2px #000);z-index:2;visibility:hidden}#herolist li>svg .progress-arc--fg{stroke:#8f52cc}#herolist li>.el{z-index:1;flex:none;height:55px;width:55px}#herolist li>.el>div{height:51px;width:51px;border-radius:50%}#herolist li>.el>div.el-value{position:absolute;visibility:hidden;background:rgba(0,0,0,0.75)}#herolist li>.el>div.el-value h2{text-align:center;line-height:51px;font-size:21px}#herolist li>.main{flex:1 1 100%;margin-left:16px}#herolist li>.main h2 .player{padding-left:20px;font-size:16px;color:#3c3c41}#herolist li>.main .rcp span:last-child{font-weight:500}#herolist li .base-values{display:flex}#herolist li .base-values>div:not(:first-child){margin-left:11px}#herolist li:not(:first-child){border-top:1px solid rgba(255,255,255,0.075)}#herolist li:hover>svg,#herolist li:hover>.el>div.el-value{visibility:visible}#herolist li>.btn.btn-primary{min-width:140px}#home::before{position:absolute;width:-webkit-calc(100% - 70px);width:calc(100% - 70px);height:1px;content:"";background:#3c3732;top:80px;left:35px}#home-overview .scroll-inner{padding-top:20px}#home-overview .scroll-inner h2{font-size:32px;line-height:normal;letter-spacing:0.075em}#item-editor .modal-container{width:400px}#item-editor .modal-container .modal-content-inner{display:flex;flex-direction:column}#item-editor .modal-container .modal-content-inner>div{display:flex;flex-direction:column}#item-editor .modal-container .modal-content-inner>div>div.row{display:flex;margin-top:10px;align-items:flex-end}#item-editor .modal-container .modal-content-inner>div>div.row:first-child{margin-top:0}#item-editor .modal-container .modal-content-inner>div>div.row>div:not(:first-child){margin-left:20px}#item-editor .modal-container .modal-content-inner>div>div.row>div,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div{flex:1 1 0;margin:0}#item-editor .modal-container .modal-content-inner>div>div.row div.textfield,#item-editor .modal-container .modal-content-inner>div>div.row div.dropdown{width:auto}#item-editor .modal-container .modal-content-inner>div>div.row div.container{position:relative;height:50px;display:flex;align-items:flex-end;flex:none}#item-editor .modal-container .modal-content-inner>div>div.row div.container>label{position:absolute}#item-editor .modal-container .modal-content-inner>div>div.row div.container>label+div:nth-child(2){margin-left:0}#item-editor .modal-container .modal-content-inner>div>div.row div.container>div:not(:first-child){margin-left:10px}#item-editor .modal-container .modal-content-inner>div>div.row>div.number,#item-editor .modal-container .modal-content-inner>div>div.row>div.btn{flex:none}#item-editor .modal-container .modal-content-inner>div>div.row>div.number{width:60px}#item-editor .modal-container .modal-content-inner>div>div.row>div.btn{margin-left:10px}#item-editor .modal-container .modal-content-inner>div>div.row>div.where{flex-grow:2}#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-dice-number,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-dice-sides,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-flat,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.at,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pa,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range1,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range2,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range3,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pro,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.enc{flex:none}#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-dice-sides{width:65px}#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-dice-sides,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-flat,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.at,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pa,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range1,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range2,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range3,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pro,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.enc{width:40px}#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-dice-sides input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.damage-flat input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.at input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pa input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range1 input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range2 input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.range3 input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.pro input,#item-editor .modal-container .modal-content-inner>div>div.row>div.container>div.enc input{text-align:center}#item-editor .modal-container .modal-content-inner hr:first-child{margin-top:5px}#inventory tbody td:last-child{padding-right:11px}#inventory tbody td.inc>.btn{height:32px;padding:2px}.overlay>.inventory-item{max-width:280px}.overlay>.inventory-item h4 span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.overlay>.inventory-item table{margin-top:15px;font:500 13px/22px Alegreya Sans;letter-spacing:0.05em}.overlay>.inventory-item table td{padding:0;border:none;height:auto}.overlay>.inventory-item table td:first-child{color:#878683;padding-right:15px;width:0}.overlay>.inventory-item table td:last-child{color:#f1e6d4}.overlay>.inventory-item p.ammunition{margin-top:3px}.overlay>.inventory-item p.armor{margin-top:10px;font:500 13px/22px Alegreya Sans;color:#f1e6d4}#body>main section#master::before{position:absolute;width:-webkit-calc(100% - 70px);width:calc(100% - 70px);height:1px;content:"";background:#3c3732;top:80px;left:35px}#body>main section#master .page#ingame{flex-direction:column}#body>main section#master .page#ingame .header-controls{flex:1 0 auto;margin:10px 0 0;padding:0 35px;width:100%;display:flex;align-items:center;justify-content:flex-end}#body>main section#master .page#ingame .header-controls .online-link{margin-right:33px;flex:1 1 100%;display:flex;align-items:center;justify-content:flex-start}#body>main section#master .page#ingame .header-controls .online-link>.textfield{flex:1 1 auto;max-width:280px;width:auto;margin:0}#body>main section#master .page#ingame .header-controls .online-link>.btn{margin-left:22px;flex:none}#body>main section#master .page#ingame .header-controls>div:not(:last-child):not(.online-link){margin-right:13px;flex:none}#body>main section#master .page#ingame .ingame-content{flex:1 1 100%;display:flex;overflow:hidden}#body>main section#master .page#ingame .ingame-content .textfield input,#body>main section#master .page#ingame .ingame-content .textfield textarea{background:rgba(17,22,28,0.65)}#body>main section#master .page#ingame .ingame-content .textfield input:focus,#body>main section#master .page#ingame .ingame-content .textfield input:active,#body>main section#master .page#ingame .ingame-content .textfield textarea:focus,#body>main section#master .page#ingame .ingame-content .textfield textarea:active{background:linear-gradient(to bottom, rgba(17,22,28,0.65) 0%, rgba(28,35,40,0.65) 100%)}#body>main section#master .page#ingame .ingame-content .-horizontal{display:block}#body>main section#master .page#ingame .ingame-table{padding-top:35px;flex:none;display:flex;position:relative}#body>main section#master .page#ingame .ingame-table.hide-deac tr.deac,#body>main section#master .page#ingame .ingame-table.hide-enemies tr.enemy{display:none}#body>main section#master .page#ingame .ingame-table table{padding:0;margin:0;border-collapse:collapse}#body>main section#master .page#ingame .ingame-table table tr{border-bottom:1px solid rgba(120,90,40,0.4);position:relative}#body>main section#master .page#ingame .ingame-table table tr td{padding:0;text-align:center}#body>main section#master .page#ingame .ingame-table table thead tr{height:28px}#body>main section#master .page#ingame .ingame-table table thead tr td{font:500 12px/27px "Alegreya Sans";color:rgba(91,90,86,0.7)}#body>main section#master .page#ingame .ingame-table table tbody tr{height:44px}#body>main section#master .page#ingame .ingame-table table tbody tr.deac td{opacity:0.4}#body>main section#master .page#ingame .slidein-backdrop .slidein{height:397px}#body>main section#master .page#ingame .slidein-backdrop .slidein-content{height:100%}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;padding:20px}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div{width:33.3333%;padding:0 5px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-main>div{width:50%;padding:0 5px}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-health{padding:0 5px}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-health>div{width:50%;padding:0 5px}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-options{display:block}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-options .btn{margin:5px 5px 0 0}#body>main section#master .page#ingame .slidein-backdrop .slidein-content .edit-inner>div.edit-options .textfield{width:100%}#body>main section#master .page#ingame .ingame-controls{flex:1 0 auto;width:200px;margin-left:35px;position:relative}#body>main section#master .page#ingame .ingame-controls .rounds{width:200px;height:200px;text-align:center;text-transform:lowercase;position:relative}#body>main section#master .page#ingame .ingame-controls .rounds .tag{font:18px/24px Alegreya SC;letter-spacing:0.05em;color:#a19b8f;padding-top:35px}#body>main section#master .page#ingame .ingame-controls .rounds .phase{font:60px/60px Alegreya SC;letter-spacing:0.05em;color:#f1e6d4}#body>main section#master .page#ingame .ingame-controls .rounds .round{font:18px/24px Alegreya SC;letter-spacing:0.05em;color:#a19b8f;padding-top:11px}#body>main section#master .page#ingame .ingame-controls .rounds .previous-phase{left:-10px}#body>main section#master .page#ingame .ingame-controls .rounds .next-phase{right:-10px}#body>main section#master .page#ingame .ingame-controls .rounds .previous-phase,#body>main section#master .page#ingame .ingame-controls .rounds .next-phase{top:75px;position:absolute;font:32px/44px Material;text-align:center;width:44px;color:#785a28;border-radius:50%}#body>main section#master .page#ingame .ingame-controls .rounds .previous-phase:hover,#body>main section#master .page#ingame .ingame-controls .rounds .next-phase:hover{color:#f1e6d4;cursor:pointer;text-shadow:0 0 2px 4px black;background:rgba(91,90,86,0.2)}#body>main section#master .page#ingame .ingame-controls .rounds .previous-phase.disabled,#body>main section#master .page#ingame .ingame-controls .rounds .next-phase.disabled{pointer-events:none;opacity:0.5}#body>main section#master .page#ingame .ingame-controls .resets{display:flex;align-items:center;justify-content:center}#body>main section#master .page#ingame .ingame-controls .resets>div:not(:last-child){margin-right:13px}#body>main section#master .page#ingame .ingame-controls .options{margin-top:13px}#body>main section#master .page#ingame .ingame-table .ingame-table-center{flex:1 1 100%;position:relative;overflow:hidden}#body>main section#master .page#ingame .ingame-table .ingame-table-center .ingame-table-center-scroll{overflow-x:scroll;overflow-y:hidden;height:-webkit-calc(100% + 17px);height:calc(100% + 17px)}#body>main section#master .page#ingame .ingame-table .ingame-table-health{flex:none}#body>main section#master .page#ingame .ingame-table .ingame-table-health table{width:100%}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td{position:relative;width:25%}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar{height:8px;width:90px;margin:4px 8px;padding:1px;display:block;background:linear-gradient(to bottom, #785a28 0%, #463714 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar .bar-inner{height:6px;position:relative}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar .bar-bg,#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar .bar-fg{height:6px}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar .bar-bg{border:1px solid #242328;background:#242328;width:100%;left:0}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar .bar-fg{transition:width 0.45s cubic-bezier(0.23, 1, 0.32, 1);background:#242328;right:0;position:absolute}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar:not(.active)>.bar-fg{width:100%}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-le.no-le{border:1px solid rgba(91,90,86,0.3);background:none}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-le.no-le .bar-bg,#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-le.no-le .bar-fg{border-color:transparent;background:none}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-le.active .bar-bg{background:linear-gradient(to right, #aa1805 0%, #cc4c1f 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-au.active .bar-bg{background:linear-gradient(to right, #5eaa05 0%, #7fc80c 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-ae.active .bar-bg{background:linear-gradient(to right, #0596aa 0%, #0cc8c6 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-health table tr td .bar.bar-ke.active .bar-bg{background:linear-gradient(to right, #aa6a05 0%, #c8910c 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-ini{margin-right:8px;flex:none}#body>main section#master .page#ingame .ingame-table .ingame-table-ini table{width:100%}#body>main section#master .page#ingame .ingame-table .ingame-table-ini table tr td{width:44px}#body>main section#master .page#ingame .ingame-table .ingame-table-ini table tr td>div{width:34px;height:34px;margin:0 5px;position:relative}#body>main section#master .page#ingame .ingame-table .ingame-table-ini table tr td>div.indicator{border:1px solid rgba(120,90,40,0.6);background:rgba(0,0,0,0.4);color:#f1e6d4;font:24px/28px Alegreya SC}#body>main section#master .page#ingame .ingame-table .ingame-table-left{padding-left:7px;margin-right:8px;flex:none}#body>main section#master .page#ingame .ingame-table .ingame-table-left tr:after{display:block;position:absolute;width:3px;height:3px;content:"";border:1px solid rgba(120,90,40,0.4);left:-5.5px;bottom:-2px;transform:rotate(45deg)}#body>main section#master .page#ingame .ingame-table .ingame-table-left table thead tr td.ib{padding-left:18px}#body>main section#master .page#ingame .ingame-table .ingame-table-left table thead tr td.init{padding:0 0 0 6px}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.ib{font:500 11px/43px "Alegreya Sans";padding-left:15px;color:#878683}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.avatar{padding:6px 0 6px 6px}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.avatar div.avatar-outer{height:30px;width:30px;border-radius:50%;background:linear-gradient(to bottom, #c6a767 0%, #ad8736 10%, #9a7830 76%, #6d5024 100%);box-shadow:0 0 4px black;position:relative}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.avatar div.avatar-outer .avatar-inner{width:26px;height:26px;margin:2px;border-radius:50%;background:#090f15;box-shadow:0 0 4px black inset;overflow:hidden;position:absolute}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.avatar div.avatar-outer .avatar-inner span.init{font:500 13px/26px "Alegreya Sans";color:#f1e6d4;width:26px}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.avatar div.avatar-outer .avatar-inner img{min-height:100%;min-width:100%}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr td.name{font:700 14px/43px "Alegreya SC";color:#f1e6d4;letter-spacing:0.05em;padding:0 22px 0 13px;text-align:left}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr.type-v td.avatar div.avatar-outer{background:linear-gradient(to bottom, #689cc4 0%, #3678aa 10%, #306b99 76%, #244c6b 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr.type-v td.name{color:#4987b6}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr.type-f td.avatar div.avatar-outer{background:linear-gradient(to bottom, #c16876 0%, #a83547 10%, #993040 76%, #68232d 100%)}#body>main section#master .page#ingame .ingame-table .ingame-table-left table tbody tr.type-f td.name{color:#e4213f}#body>main section#master .page#ingame .ingame-table .ingame-table-right{padding-right:7px;margin-left:8px;flex:none}#body>main section#master .page#ingame .ingame-table .ingame-table-right tr:after{display:block;position:absolute;width:3px;height:3px;content:"";border:1px solid rgba(120,90,40,0.4);right:-5.5px;bottom:-2px;transform:rotate(45deg)}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tr td.au,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tr td.a,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tr td.fa{padding-left:7px}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.au div,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.a div,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.fa div{font-size:15px;color:#878683;line-height:32px;width:32px;border-radius:50%}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.au div:hover,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.a div:hover,#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.fa div:hover{color:#f1e6d4;cursor:pointer;background:rgba(91,90,86,0.2)}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.edit{padding-left:16px;padding-right:9px}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.edit div{font:18px/36px Material;text-align:center;width:36px;color:#ccbe91;border-radius:50%}#body>main section#master .page#ingame .ingame-table .ingame-table-right table tbody tr td.edit div:hover{color:#f1e6d4;cursor:pointer;background:rgba(91,90,86,0.2)}#overview .title-wrapper{margin-top:11px;display:flex;align-items:center}#overview .title-wrapper .avatar-wrapper{flex:1 0 auto;height:150px;width:150px}#overview .title-wrapper .avatar-wrapper:hover{cursor:pointer}#overview .title-wrapper .avatar-wrapper:hover .avatar{box-shadow:0 0 0 71px rgba(0,0,0,0.85) inset}#overview .title-wrapper .avatar-wrapper:hover .avatar::after{display:block}#overview .title-wrapper .avatar-wrapper:not(.no-avatar){padding:4px;background:#785a28}#overview .title-wrapper .avatar-wrapper:not(.no-avatar) .avatar::after{top:43px;left:43px}#overview .title-wrapper .avatar-wrapper.no-avatar{border-width:4px}#overview .title-wrapper .avatar::after{position:absolute;top:39px;left:39px;display:none;content:"\E2C6";height:64px;width:64px;font:64px/64px Material;color:#f1e6d4;text-align:center}#overview .title-wrapper .text-wrapper{flex:1 1 100%;margin-left:26px}#overview .title-wrapper .text-wrapper>h1{margin:0;font:400 38px/38px Alegreya Sans;letter-spacing:0.025em;color:#f1e6d4}#overview .title-wrapper .text-wrapper>h1,#overview .title-wrapper .text-wrapper>div.change-name{display:flex;height:38px;align-items:center}#overview .title-wrapper .text-wrapper>h1>div.textfield,#overview .title-wrapper .text-wrapper>div.change-name>div.textfield{margin:0}#overview .title-wrapper .text-wrapper>h1>div.btn,#overview .title-wrapper .text-wrapper>div.change-name>div.btn{margin-left:11px;letter-spacing:0}#overview .title-wrapper .text-wrapper>div:not(.change-name){margin:4px 0 0}#overview .title-wrapper .text-wrapper>div:not(.change-name) span:last-child{font-weight:500}#overview .add-ap{margin-top:20px}#overview .personal-data{display:flex;flex-wrap:wrap;margin-top:10px}#overview .personal-data>div{flex:none;display:flex;flex-wrap:wrap;width:323px;margin-right:22px;margin-bottom:10px;align-items:flex-end}#overview .end-char-creation,#overview .delete-char{margin-top:20px}#profileavatarchange .avatar-wrapper{height:64px;width:64px}#sheets .sheet-wrapper .sheet.inventory .item-categories{margin-top:0;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;height:100%;width:calc(100% + 20px)}#sheets .sheet-wrapper .sheet.inventory .item-categories>div{margin:20px 0 0 !important;width:50%;padding-right:20px;padding-bottom:40px;border-spacing:0}#sheets .sheet-wrapper .sheet.inventory .item-categories>div>h3{line-height:18px}#sheets .sheet-wrapper .sheet.inventory .item-categories>div>table{margin:0 !important}#sheets .sheet-wrapper .sheet.inventory .item-categories>div.all-items{flex:0 100%}#sheets .sheet-wrapper .sheet.inventory .item-categories>div.provisions{min-height:200px}#sheets .sheet-wrapper .sheet.inventory .item-categories>div.clothes{min-height:120px}#sheets .sheet-wrapper .sheet.inventory .item-categories>div.connections{flex:1}#sheets .sheet-wrapper .sheet.inventory .item-categories>div.money{flex:none}#sheets .sheet-wrapper .sheet.inventory .pets{flex:none;min-height:120px;margin-top:20px}#sheets .sheet-wrapper .sheet.inventory .inline-table h3{line-height:inherit;display:inline-block}#sheets .sheet-wrapper .sheet.inventory .inline-table tbody td.name{text-transform:none;text-indent:-10px;padding-left:10px !important;padding-right:15px}#sheets .sheet-wrapper .sheet.inventory .inline-table td{height:18px;line-height:18px;vertical-align:bottom}#sheets .sheet-wrapper .sheet.inventory .inline-table td.weight{white-space:nowrap}#sheets .sheet-wrapper .sheet.inventory .inline-table td.charges{width:10px;white-space:nowrap}#sheets .sheet-wrapper .sheet.chants>.header .attributes>div:nth-child(9){width:110px}#sheets .sheet-wrapper .sheet.chants>.header .attributes>div:nth-child(9)>.value>div>div{width:100%}#sheets .sheet-wrapper .sheet.chants>.header .attributes>div:nth-child(10){width:350px;margin-right:0}#sheets .sheet-wrapper .sheet.chants>div:not(.head){height:auto;width:100%}#sheets .sheet-wrapper .sheet.chants>div:not(.head).miracles>div{display:flex}#sheets .sheet-wrapper .sheet.chants>div:not(.head).miracles>div>div{width:50%}#sheets .sheet-wrapper .sheet.chants>div:not(.head) .inline-table{white-space:nowrap}#sheets .sheet-wrapper .sheet.chants>div:not(.head) .inline-table td:first-child{width:10px;padding-right:15px}#sheets .sheet-wrapper .sheet.chants>div:not(.head) .inline-table td:not(.rank){height:18px;line-height:18px;font-size:9px}#sheets .sheet-wrapper .sheet.chants>div:not(.head) .rank span:first-child{font-weight:bold}#sheets .sheet-wrapper .sheet.chants>div:not(.head) .rank span:last-child{padding-left:5px;font-size:8px;letter-spacing:0.04em}#main-sheet>.upper{flex:none}#main-sheet>.upper>.info{flex:1 1 100%;display:flex;flex-wrap:wrap;align-content:flex-start;overflow:hidden}#main-sheet>.upper>.info .name,#main-sheet>.upper>.info .profession,#main-sheet>.upper>.info .title,#main-sheet>.upper>.info .characteristics,#main-sheet>.upper>.info .other{width:100%}#main-sheet>.upper>.info .family,#main-sheet>.upper>.info .placeofbirth,#main-sheet>.upper>.info .dateofbirth,#main-sheet>.upper>.info .race,#main-sheet>.upper>.info .haircolor,#main-sheet>.upper>.info .eyecolor,#main-sheet>.upper>.info .culture,#main-sheet>.upper>.info .socialstatus{width:50%}#main-sheet>.upper>.info .age,#main-sheet>.upper>.info .gender,#main-sheet>.upper>.info .size,#main-sheet>.upper>.info .weight{width:25%}#main-sheet>.upper>.info .name .label,#main-sheet>.upper>.info .family .label,#main-sheet>.upper>.info .dateofbirth .label,#main-sheet>.upper>.info .race .label,#main-sheet>.upper>.info .haircolor .label,#main-sheet>.upper>.info .culture .label,#main-sheet>.upper>.info .profession .label,#main-sheet>.upper>.info .title .label,#main-sheet>.upper>.info .characteristics .label,#main-sheet>.upper>.info .otherinfo .label{width:80px}#main-sheet>.upper>.info .placeofbirth .label,#main-sheet>.upper>.info .age .label,#main-sheet>.upper>.info .size .label,#main-sheet>.upper>.info .eyecolor .label,#main-sheet>.upper>.info .socialstatus .label{width:63px}#main-sheet>.upper>.info .gender .label,#main-sheet>.upper>.info .weight .label{width:58px}#main-sheet>.upper>.ap-portrait{flex:none;width:7.6cm;margin-left:10px;display:flex;flex-wrap:wrap}#main-sheet>.upper>.ap-portrait>.labelbox{display:flex;height:1cm;margin:0.38cm 0 0;width:4.4cm}#main-sheet>.upper>.ap-portrait>.labelbox.el{width:100%}#main-sheet>.upper>.ap-portrait>.labelbox.el .box{width:4.4cm;font-size:20px;font-weight:400}#main-sheet>.upper>.ap-portrait>.labelbox.el label{margin-left:0;text-align:center}#main-sheet>.upper>.ap-portrait>.labelbox .box{font:bold 24px/9.6mm Alegreya Sans;text-align:center;width:2cm}#main-sheet>.upper>.ap-portrait>.labelbox label{margin-left:10px}#main-sheet>.upper>.ap-portrait .portrait{width:31.45mm;flex-direction:column;margin-left:0.55mm}#main-sheet>.upper>.ap-portrait .portrait .box{width:31.45mm;height:37.6mm}#main-sheet>.upper>.ap-portrait .portrait .box img.avatar{height:100%;width:100%;border-radius:0;object-fit:cover}#main-sheet>.upper>.ap-portrait .portrait label{height:8mm;line-height:8mm}#main-sheet>.lower{margin-top:22px;flex:1 1 100%}#main-sheet>.lower>.lists{flex:1 1 100%;display:flex;flex-direction:column;margin-right:4mm}#main-sheet>.lower>.lists>.textbox{flex:1 0 auto}#main-sheet>.lower>.lists>.textbox>div{font:400 16px Alegreya Sans;letter-spacing:0;padding-top:8px}#main-sheet>.lower>.calculated{width:76mm;flex:none;margin-top:36px}#main-sheet>.lower>.calculated>div.calc-header{margin-top:5mm;justify-content:flex-end;height:auto;align-items:flex-end;margin-right:-2mm}#main-sheet>.lower>.calculated>div.calc-header>div{width:8mm;font:bold 9px Alegreya Sans;margin-right:2mm}#main-sheet>.lower>.calculated>div{display:flex;justify-content:space-between;margin-bottom:2mm;height:13mm}#main-sheet>.lower>.calculated>div>.label span{display:block;font:italic 900 9px Alegreya Sans}#main-sheet>.lower>.calculated>div>.label span.sub{margin-top:6px}#main-sheet>.lower>.calculated>div>.values{display:flex;flex-wrap:wrap;width:41mm;align-content:flex-start;align-items:flex-start;margin-right:-3mm}#main-sheet>.lower>.calculated>div>.values>div{height:8mm;width:8mm;border:0.3mm solid black;font:21px/7.4mm Alegreya Sans;text-align:center;margin-right:2mm}#main-sheet>.lower>.calculated>div>.values>div:nth-child(4){font-weight:bold}#main-sheet>.lower>.calculated>div>.values>div.sub{height:4mm;line-height:15px;font-size:9px;margin-top:1mm}#main-sheet>.lower>.calculated>div>.values>div.blocked{font:24px/7.4mm Material}#main-sheet>.lower>.calculated>div.fate{margin-top:36px}#main-sheet .fate-points{display:flex;justify-content:flex-start;flex-wrap:wrap;position:relative;margin:10mm 0 0}#main-sheet .fate-points h3{width:100%;flex:none;margin:0 0 8mm}#main-sheet .fate-points label{position:absolute;top:9.5mm}#main-sheet .fate-points .labelbox:not(:last-child){margin-right:2mm;width:1cm;flex:none}#main-sheet .fate-points .labelbox:nth-last-child(2) .box{font-weight:bold}#main-sheet .fate-points .labelbox:last-child{flex:1 1 0%}#main-sheet .fate-points .box{width:100%;font:21px/9.4mm Alegreya Sans;letter-spacing:0.05em;text-align:center}#sheets{flex-flow:column nowrap}#sheets>.options{margin-bottom:11px}#sheets .scroll-inner{flex-flow:column nowrap;align-items:center;justify-content:center}.sheet{flex:none;width:21cm;height:29.7cm;background:white;margin-top:30px;text-align:left;padding:0.89cm;font:11px/16px Alegreya;color:black;letter-spacing:0;display:flex;flex-direction:column}.sheet:last-child{margin-bottom:30px}.sheet>div{display:flex;justify-content:space-between}.sheet h1,.sheet h2,.sheet h3{color:black;margin:0}.sheet h1{font:italic bold 24px/22px Alegreya}.sheet h2{font:17px/13px Alegreya SC;text-transform:none;letter-spacing:0}.sheet h3{font:bold 16px Alegreya;letter-spacing:0;width:100%}.sheet-header{align-items:flex-end;flex:none;height:32mm;margin-bottom:4mm}.sheet-title{flex:1 1 100%;height:50px;display:flex;flex-direction:column;justify-content:center;position:relative}.sheet-title h1,.sheet-title p{text-align:center}.sheet-title p{font:17px/13px Alegreya SC;margin-top:5px}.sheet-title img{position:absolute;width:4cm;opacity:.2;left:calc(50% - 2cm);top:-2.2cm}.sheet-attributes{flex:none;display:flex;flex-wrap:wrap-reverse;width:126.1mm}.sheet-attribute{flex:none;margin:2mm 2mm 0;outline-width:0.55mm;outline-style:solid;outline-color:transparent;border:0.3mm solid black;height:12mm;width:12mm}.sheet-attribute.ATTR_1{outline-color:red}.sheet-attribute.ATTR_2{outline-color:#90c}.sheet-attribute.ATTR_3{outline-color:#3c3}.sheet-attribute.ATTR_4{outline-color:black}.sheet-attribute.ATTR_5{outline-color:yellow}.sheet-attribute.ATTR_6{outline-color:blue}.sheet-attribute.ATTR_7{outline-color:white}.sheet-attribute.ATTR_8{margin-right:0;outline-color:#f60}.sheet-attribute .label{font:bold 10px/14px Alegreya;color:black;letter-spacing:0.05em;text-transform:uppercase;display:block;top:0;padding:2px 6px 0}.sheet-attribute .value{text-align:center;font:bold 21px/24px Alegreya Sans;color:black;letter-spacing:0.05em;display:block}.attribute-check-mods h3{margin-bottom:4mm}.attribute-check-mods .ATTR_1 .null{background-color:rgba(255,0,0,0.25)}.attribute-check-mods .ATTR_2 .null{background-color:rgba(153,0,204,0.25)}.attribute-check-mods .ATTR_3 .null{background-color:rgba(51,204,51,0.25)}.attribute-check-mods .ATTR_4 .null{background-color:rgba(0,0,0,0.25)}.attribute-check-mods .ATTR_5 .null{background-color:rgba(255,255,0,0.25)}.attribute-check-mods .ATTR_6 .null{background-color:rgba(0,0,255,0.25)}.attribute-check-mods .ATTR_7 .null{background-color:rgba(255,255,255,0.25)}.attribute-check-mods .ATTR_8 .null{background-color:rgba(255,102,0,0.25)}.attribute-check-mods td{width:9mm;border-style:solid;border-color:#c8c8c8}.attribute-check-mods td.null{border-left-width:0.3mm;border-right-width:0.3mm;border-left-color:grey;border-right-color:grey}.attribute-check-mods td:nth-child(2n){background:rgba(0,0,0,0.1)}.attribute-check-mods thead td{height:5mm;border-width:0.3mm 0;font:bold 10px/1 Alegreya SC;text-align:center;border-color:grey}.attribute-check-mods tbody td{height:4.5mm;border-width:0.15mm 0;font:500 11px/1 Alegreya Sans;padding:0 1mm}.attribute-check-mods tbody td:not(.name){text-align:center}#sheets .sheet-wrapper .sheet.spells>.header .attributes>div:nth-child(9){width:110px}#sheets .sheet-wrapper .sheet.spells>.header .attributes>div:nth-child(9)>.value>div>div{width:100%}#sheets .sheet-wrapper .sheet.spells>.header .attributes>div:nth-child(10){width:350px;margin-right:0}#sheets .sheet-wrapper .sheet.spells .inline-table{white-space:nowrap;width:500px}#sheets .sheet-wrapper .sheet.spells .inline-table tr.specs{font-style:italic}#sheets .sheet-wrapper .sheet.spells .inline-table tr.specs td{padding-left:30px !important}#sheets .sheet-wrapper .sheet.spells .inline-table td.se{width:14px}#sheets .sheet-wrapper .sheet.spells .inline-table td.se div{height:10px;width:10px;border:1px solid black;border-radius:5px}#sheets .sheet-wrapper .sheet.spells .inline-table td.name{text-transform:none}#sheets .sheet-wrapper .sheet.spells .inline-table td.name span:last-child{float:right;padding-right:15px}#sheets .sheet-wrapper .sheet.spells .inline-table td.test,#sheets .sheet-wrapper .sheet.spells .inline-table td.skt,#sheets .sheet-wrapper .sheet.spells .inline-table td.zfw,#sheets .sheet-wrapper .sheet.spells .inline-table td.merk,#sheets .sheet-wrapper .sheet.spells .inline-table td.rep{padding-right:15px;width:15px}#sheets .sheet-wrapper .sheet.spells .inline-table td.zfw{width:50px}#sheets .sheet-wrapper .sheet.spells .inline-table td.page{width:1px}#skills-sheet>.textbox{flex-wrap:wrap}#skills-sheet>.textbox h3{margin-bottom:4mm}#skills-sheet .upper{display:flex;width:100%}#skills-sheet .upper table{width:50%}#skills-sheet .upper table:first-child tbody tr{border-right:0.3mm solid grey}#skills-sheet .upper thead td{height:5mm;border-width:0.3mm 0;font:bold 10px/1 Alegreya SC;text-align:center;border-color:grey}#skills-sheet .upper tbody td{height:4.5mm;border-width:0.15mm 0}#skills-sheet .upper tbody td.check,#skills-sheet .upper tbody td.enc,#skills-sheet .upper tbody td.ic,#skills-sheet .upper tbody td.sr,#skills-sheet .upper tbody td.routine{text-align:center}#skills-sheet .upper tbody td.name,#skills-sheet .upper tbody td.sr{font:500 11px/1 Alegreya Sans}#skills-sheet .upper tbody td.comment,#skills-sheet .upper tbody td.routine{font:400 11px/1 Alegreya Sans}#skills-sheet .upper tbody td.check,#skills-sheet .upper tbody td.enc,#skills-sheet .upper tbody td.ic{font:8px/1 Alegreya SC}#skills-sheet .upper tbody tr.group td{font-weight:bold}#skills-sheet .upper td{border-style:solid;border-color:#c8c8c8}#skills-sheet .upper td.ic{width:4.5mm}#skills-sheet .upper td.routine{width:3mm}#skills-sheet .upper td.name,#skills-sheet .upper td.check,#skills-sheet .upper td.enc,#skills-sheet .upper td.sr,#skills-sheet .upper td.comment{padding:0 1mm}#skills-sheet .upper td.comment{width:28mm}#skills-sheet .upper td:nth-child(2n){background:rgba(0,0,0,0.1)}#skills-sheet .lower{flex:1 1 auto;display:flex;position:relative}#skills-sheet .lower>div{flex:none}#skills-sheet .abilites{display:flex;flex-direction:column}#skills-sheet .abilites .textbox{flex:1 1 auto;height:50%}#skills-sheet .abilites h3{margin-top:4.5mm}#skills-sheet .languages-list,#skills-sheet .scripts-list{font:400 11px/4.5mm Alegreya Sans;width:68.2mm}#skills-sheet .languages-list td:last-child{width:10.4mm;border-left:0.15mm solid #c8c8c8;text-align:center}#skills-sheet .languages-list tr:not(:last-child) td{height:4.5mm;border-bottom:0.15mm solid #c8c8c8}#skills-sheet .quality-levels table,#skills-sheet .routine-checks table{width:auto}#skills-sheet .quality-levels thead div,#skills-sheet .routine-checks thead div{word-wrap:break-word}#skills-sheet .quality-levels td,#skills-sheet .routine-checks td{text-align:center;border-style:solid;border-color:#c8c8c8}#skills-sheet .quality-levels td:nth-child(2n),#skills-sheet .routine-checks td:nth-child(2n){background:rgba(0,0,0,0.1)}#skills-sheet .quality-levels thead td,#skills-sheet .routine-checks thead td{border-width:0.3mm 0;font:bold 10px/1 Alegreya SC;border-color:grey}#skills-sheet .quality-levels tbody td,#skills-sheet .routine-checks tbody td{height:4.5mm;border-width:0.15mm 0;font:500 11px/1 Alegreya Sans;padding:0 1mm}#skills-sheet .routine-checks{position:absolute;width:50%;right:0;top:-9mm;display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-end;height:24mm}#skills-sheet .routine-checks h3,#skills-sheet .routine-checks p{text-align:right;width:44mm}#skills-sheet .routine-checks p{font:bold 10px/1 Alegreya SC;margin-top:1mm;white-space:pre-wrap;letter-spacing:0}#skills-sheet .routine-checks thead td{height:8mm}#skills-sheet .routine-checks td{width:11mm}#skills-sheet .routine-checks td:nth-child(2){border-right:0.3mm solid grey}#skills-sheet .routine-checks td:nth-child(3){border-left:0.3mm solid grey}#skills-sheet .routine-checks table{flex:none}#skills-sheet .attribute-check-mods{align-self:flex-end}#skills-sheet .quality-levels{align-self:flex-end}#skills-sheet .quality-levels h3{margin-bottom:4mm}#skills-sheet .quality-levels thead td{height:10mm}#skills-sheet .quality-levels td{width:18mm}#rcp{background-image:url("images/rcp.png");background-color:#010c0a}#rcp ul{margin:0;padding:1px 0;list-style:none}#rcp ul.professions li h2{padding:5px 0 0}#rcp ul.professions li h3{font:500 13px/15px Alegreya Sans SC;color:#878683;text-transform:uppercase;margin-top:0;margin-bottom:7px}#rcp li{position:relative;padding:11px;display:flex;align-items:center}#rcp li>.left{flex:1 1 100%}#rcp li>.right{flex:0 0 auto;margin-left:11px}#rcp li h2{line-height:22px;margin-bottom:5px}#rcp li .base-values{display:flex}#rcp li .base-values>div:not(:first-child){margin-left:11px}#rcp li:not(:first-child){border-top:1px solid rgba(255,255,255,0.075)}#rcp li.active .btn{min-width:140px}#professions .spec>div{display:flex}#professions .spec>div>div:last-child:not(:first-child){margin-left:11px}#professions .list.curses>div{display:flex;align-items:center}#professions .list.curses>div:hover{background:#1e2328}#professions .list.curses>div>.checkbox{flex:1 1 100%}#professions .list.curses>div>.checkbox:hover{background:none}#professions .list.curses>div>span{margin:0 11px}#professions .list.curses>div>.btn{padding:0 14px 3px;min-width:auto;font-size:16px;flex:none;margin-left:4px}#professions .list.lang_lit>h4>span.error{color:#aa1b32}#professions .list.lang_lit>div{display:flex;align-items:center}#professions .list.lang_lit>div:hover{background:#1e2328}#professions .list.lang_lit>div>.checkbox{flex:1 1 100%}#professions .list.lang_lit>div>.checkbox:hover{background:none}#professions .list.lang_lit>div>.dropdown{margin:0;line-height:26px}#professions .list.lang_lit>div>.dropdown>div>div.value{height:28px}#professions .list.lang_lit>div>.dropdown>div>div.value::before{top:9px}#professions .list.lang_lit>div>.dropdown>div>div.value::after{bottom:9px}#professions .list.lang_lit>div>.dropdown.bottom>div>.down{top:28px}#professions .list.lang_lit>div>.dropdown.top>div>.down{bottom:28px}#professions .scroll-inner>.btn.btn-primary{margin-top:20px}#specialabilities tbody tr td.ap:last-child{padding-right:11px}@page{size:210mm 297mm;margin:0}@media only print{html,body,#bodywrapper,#body{background:none}html,body,#bodywrapper,#body,.page{overflow:auto;height:auto;width:auto}#body,section{background:none}#body{display:block}.titlebar,.subtabs{display:none}section{padding-top:0;display:block}.page{padding-top:0;flex:unset;display:block}.page .options{display:none}.scroll-sheet-wrapper.scroll.gm-scrollbar-container{overflow:auto;flex:unset}.scroll-sheet-wrapper.scroll.gm-scrollbar-container .gm-scroll-view{overflow:auto;height:auto !important;width:auto !important}.scroll-sheet-wrapper.scroll.gm-scrollbar-container .gm-scrollbar{display:none}.scroll-inner{padding:0 !important}.scroll-inner .sheet{margin-top:0 !important;height:296mm !important}.scroll-inner .sheet:not(:last-child){page-break-after:always}.scroll-inner .sheet>.header .attributes>.attr>.value{border-width:calc(0.5mm - 0.57pt/2) !important}.scroll-inner .sheet>.header .attributes>.attr>.value>div{border-width:0.57pt !important;position:relative}.scroll-inner .sheet>.header .attributes>.attr>.value>div>div{height:100%;width:100%}.scroll-inner .sheet.main>.lower>.calculated>div>.values>div>div{width:calc(1.2mm - 0.57pt);height:calc(1.2mm - 0.57pt)}} diff --git a/dist/favicon.png b/dist/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..a3cde5164e38a6d84153f207378651a95a1124b8 GIT binary patch literal 5654 zcmZuzby!sGw%-E?Lk~!Yq?B}u#0))vfOK~Yh$u?K05YVcNJ&Z8sH6x;3P^{7bc4W0 zNC<+!-Q&6E`_6sN{bN6Sul25X?X`X@qwi^}krFWw0RTX%j#SnI00{UA0iZbGYa9j_ z0bhg@Q@la3 z7~a#>y|gNb2qoft2*98<4s4GvI3U1ju&nGY_BMi#0K|8k7z(s$Wwi-2MP89_DP~we zP|qN3-buGLp(rW<;UBM93?Nh?sO)queIO4Hu<5tATLJC~05;qq>*D|_`!pi}0+_#G zqlV-q0j$>@qm%&`8K835C`JV^5eBH7G`pmMZvud@y0H@yc-sK94Z(=30VoL|tQ!@< z3*ZF+HoY7izQD5#fJ*hiSoX&)3~YlBL@J|Nwvkg>CDa@$;6-3;EO>)wNS*c;m830> zZ6-pn!!LtgG*p~?@o)eD@{*`QZx1hghsZEPLz40JWYz*(t@u~$c6KY5Yr_=}5dg5{ z9Xxu;FI2;TlEFuLT)w`!i|1lRocH7;)~T8tQ3vF0P8%OS#A2h8pV&AxwYIwYO`}WE z+_uj+=+e2vy3P2){a3K;?~~)jkIS5)qL!g*c&CdU14nm@n1+)HpV`f>C#d~yAiny| zJkH*wZr5nSN426$=@qY>8FwgJ#2&4f%=_u)*p`ZTBW= z2XB$g1e(08kw>)*a&eOR8zU7iI4)ZY~vj8TrMjy=%h*yJzE z5=Sy{qI0pr3?F zbaA~KoC3JxbLXQTw1-F`W!qBzs4gD$o zxe}rh8ZEgy#~8tKw<5;;CS{-22PM1dIUlW1Id?rv=KWeW&X|IPE(|U_&PtBeNKEi+ zNI3ClNQUTSKS_9b$}$V}%>2+*vg|}C71^fRrY${7Y8;g<_^SF`l|0V1+hT=t#iQG! zyMPOyi;YWDYfEc4Q%|e0n73HwuFTz@!GXcogA*ANS#lziq8nKoS(8}{4K`-JX8iS~ z_3s_kt5?m6O?T^?A4Hf*n--ZEnpxJUR%KV+oM@_QDxoN8)K1Z^$eD2NeEXyRbA4F@ z{oA!~_%oP#kNO~6XFFQwhEJHz-ISJ;pbtUMFXRYFBd5qJn9Z1jAJ;yjx?^-_K6B{R zEsS>tNXw9bu>!w;ikqcy|&1=HjOvlzSQdRtaC zypO#sm;A?$v$JZlI(ABD-t0>5y6#5K<_?JG^5&R|Js#=oRa(?t8-)|+rV6_)R0iuP z>4ZAhZEy(L3ndv>O}=d?@+m*D-J_NNDgP*UMSewAYF>2S)OtXwt)aJ}U#HVE$2wv` zDTL$7;mZGN6evO6ggE0yhbn}cHRCQitS`0eJE+jl`P_3@b`%k0^4=l*v?=Q?uf_;V>CSeVU!8Os7RWG&*-eu;|1k2 z<(JCyS3dZ1@FsFOMMXk0PhxbG9CD8l5L{yuE``V$cK@9;Qn#p_s(JD za`rOuN&s!TP_N}fzx<(&qlglkGC@lIJ1-G;qqJ|o*jIq@mD0rBJh<+2GoHw=gSo?* zU1(HtH0qm@1>X(r10FgujuF+DpB}_E2;E2}`0Q4bSb5DtKQ|n-KpY+R$oLhrC12ug!iBhlja<6tMJ1Ccu>xn)Y{rK@GV{AP$& zsIT2Z8{t>VzK^Nr^Z2S$v16Qu32x!?*K!NBYVQkcuY7qhl~sGqh>cA>Vjreb*QxJ^NZSW?$5nRdh8v3_FcEZLZG?*U#8Mr~A!I8n4f#mMkT%GOY z>4VW-#(?IZ;(vXeF>gM(kpKK~#t>qt_0{RCDD=^fS-R?aV*u49Jg8Y|Z=sR-0iVeZfsN@Y!{G zGi*G?`CvFMJ2g8fSn$`Z&CKiifDQYhh5O{5dmmulOJgcmu^TeYGD8*z@4XMIXV$J8 zzc@qGG$z+r|DHwCZ^HCt#Q}Cr7pnfWRo#RYH04L#qS5r)x_5vX}P(U zLx0bcPbbFQZ2m4$8g>}w%Avh{ec6wpr4b4~{klCl zG@3q|pLURz(&`adbg|X8P5)-5yQBNY$IrfEB34I6=R55_vp&pw1qA$iq-BTv%Q9E?p#GJU45JCu(IB9yR5v%}5T&t*!89t|F zY=$;K&O8%E+g-YHSH)o>ZsTPtDB>Uy{m?kY#rwa>c=A=C(~6w&0hR0q$B=@NX$^+sB6< zPn4g(4p}7`96skRsM(sssN08hO&DvU4|3sGJ>fqqpI&TjG`e5IyQlGT{Br)_^(UcK z5hA>iJJ*_ae1zgH&h-@V4-r7!@3XW{KFywW2eIpTBYlrk&|ff5saK`xui@}G2HG06 z%pBKv6|&)tXjtv$&9(Z-UGcj@A+^bCwVswnM_Wu|FdUap4;otPTvpH0h?(f07KZ{F zrs8htCEg^U;E^JOBCwN)h9P9IO31Kxl|a_i?8$LSD-1#Hd zqA|-D>|JRuiP~Z`_!ZNr4cfT&-)6tfe$QZLzMYT^IwYWFt)@{Cn4pO3iov>67C1g( zz3l4xGX*@nwE(}tQ*mI~f<38HUYS7qhjbR@9Hp^?b|Lxujh?W7m!{za39HMeMOe?v zMY7P6{DO3=tRRzzq&Po9Oda$e7VheD*2NakA4`lSiNjq>eGQyintZEoWtFj`ICBc~ z`&RJBM)ob#j?2AjO0YIF^a!0)zByD|aT*&*Zu}KT1$p*kGaG4|x_91#yD3y>w*&te@=raL~j|Y1RK9mK|Aj zB^e!AtZ!EFR$KEXdwbmAw;3jons;V%`z#c^Z00vIZN2;>c!owZgctlt6z8`To~i@M zpt-C|Jur|kb?X7MriSA#YODpHs@(`=x|r&v}tx9j(miu}K^tZ!l4 zUs4Cg@yFG`#=E#D4IPyPV;Rhm$8e(fxMvnuHEd)L&^q3aZ*aW1cjBc zm4x-m{|^QsMfm`>n6Pq*!4F4;njgLJysJVqneo_Uz{netG z*{ZRB^13!Vz_W&tG6S=fu$uxv@P^ZcnsGH%H?)X2`C@P(27FZw%J{}9+$e9bFJT#9cj2!2C#9}z$&vwd+vVwvvT9D-u6oZ#r5G?#t=u_%=G}MA8~c0Up$HQE@ZpT@ga#H;2S+DXptsFtzf5}0 zZ{Iy_(5ZhJ-p-1n-_D(b^pKtnzBDrNgxiP_2H32J>F^|57;m&53YYumxbrH|1$Oo@ z#x=Q_%`{Q=sl@N&!^c(IrUWldO8yMk}O4P(st$Ka0Lnk6#VUO_fY4? z2RdGysCI+>=$m?bH}1Fk$_yYW5WO`bw1NH|pPvL=__XL2#{iED-Sr2<@b(Q` z*81XZ9gr^qnwh(>7jzDQlB+htr>{QHl)FH=1VFV=&`R|p_a;V`An%V^N$e;(&WhL&>VWS!fY|&-!9leNu z;w2!1!?T+4V`|2VMT|evZHfZHQXEFkijpP4XF&k!bma0Vz>f7lQ{ta2(fgAn;q4^_ zGGID56kdfp2#1CAe-CuFZ0zsdZJnBJc$AiqbRhM|Ke0&`PdGzw-zqIB2*7{lhFvA} zKXZeIrH&N^0};8$*@zhm*+5Rur zrXGJdgn>%Y6y{A&EtN^tv`?X1jI!CWwXnp9Gp9!#Jt|5wpG{O@8pnY7Ugf zKZ(QR;A6kB^cY)T1b@d17KlJhnenn%uVQTn|HV~stqvW_OP9URF%>hLRP0*q2gD|VbKCnJmJ&)*lUdpnF8oDI*XS3OdKkJE!|zE zX0b?sT_hb1Knm^nNFg}LPc{rVc(CYpaXfHo33r9U5S;kqFjf>2Y}Z&o?vZ0VG6if|gC8V6|;@SL=e4J%M) z(d@xRI&~Y(0C{F7OzNdXj}z5p!?27N{o`d9spB6%qZs?Zn1TNNv)ldSA9meCi62=n b=HdbZr|*Oc-Z*7~i#MRIqOFWkv + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/index.html b/dist/index.html index 78071eb6..daf006a8 100644 --- a/dist/index.html +++ b/dist/index.html @@ -7,7 +7,7 @@ - + diff --git a/js/Headings.scss b/js/Headings.scss index 45c9af4a..9f5e38fb 100644 --- a/js/Headings.scss +++ b/js/Headings.scss @@ -9,7 +9,7 @@ h2, h3, h4, h5, h6 { letter-spacing: 0.05em; &:first-child { - margin-top: 0 !important; + margin-top: 0; } } diff --git a/js/utils/data/Talent.js b/js/utils/data/Talent.js index 6230cea9..0aa18e3c 100644 --- a/js/utils/data/Talent.js +++ b/js/utils/data/Talent.js @@ -9,8 +9,8 @@ export default class Talent extends Skill { constructor(args) { super(args); - let { enc, spec, spec_input } = args; - this.enc = enc; + let { be, spec, spec_input } = args; + this.enc = be; this.spec = spec; this.spec_input = spec_input; diff --git a/js/views/_Views.scss b/js/views/_Views.scss index 23dd96dc..0d445155 100644 --- a/js/views/_Views.scss +++ b/js/views/_Views.scss @@ -21,6 +21,6 @@ @import "profile/MainSheet"; @import "profile/Sheets"; @import "profile/SpellsSheet"; -@import "profile/TalentsSheet"; +@import "profile/SkillsSheet"; @import "rcp/RCP"; @import "skills/Skills"; diff --git a/js/views/profile/AttributeCheckMods.js b/js/views/profile/AttributeCheckMods.js new file mode 100644 index 00000000..171c7fb4 --- /dev/null +++ b/js/views/profile/AttributeCheckMods.js @@ -0,0 +1,46 @@ +import AttributeStore from '../../stores/AttributeStore'; +import classNames from 'classnames'; +import React, { Component, PropTypes } from 'react'; +import TextBox from '../../components/TextBox'; + +export default class AttributeCheckMods extends Component { + + render() { + + const attributes = AttributeStore.getAll(); + + return ( + + + + + + + + + + + + + + + + {attributes.map(obj => { + const { id, short, value } = obj; + return ( + + + + + + + + + ); + })} + +
-3-2-10+1+2+3
{short}{value - 3}{value - 2}{value - 1}{value}{value + 1}{value + 2}{value + 3}
+ + ); + } +} diff --git a/js/views/profile/AttributeCheckMods.scss b/js/views/profile/AttributeCheckMods.scss new file mode 100644 index 00000000..412c55fc --- /dev/null +++ b/js/views/profile/AttributeCheckMods.scss @@ -0,0 +1,73 @@ +.attribute-check-mods { + h3 { + margin-bottom: 4mm; + } + + .ATTR_1 .null { + background-color: transparentize(red, .75); + } + + .ATTR_2 .null { + background-color: transparentize(#90c, .75); + } + + .ATTR_3 .null { + background-color: transparentize(#3c3, .75); + } + + .ATTR_4 .null { + background-color: transparentize(black, .75); + } + + .ATTR_5 .null { + background-color: transparentize(yellow, .75); + } + + .ATTR_6 .null { + background-color: transparentize(blue, .75); + } + + .ATTR_7 .null { + background-color: transparentize(white, .75); + } + + .ATTR_8 .null { + background-color: transparentize(#f60, .75); + } + + td { + width: 9mm; + border-style: solid; + border-color: #c8c8c8; + + &.null { + border-left-width: 0.3mm; + border-right-width: 0.3mm; + border-left-color: grey; + border-right-color: grey; + } + } + + td:nth-child(2n) { + background: rgba(0, 0, 0, 0.1); + } + + thead td { + height: 5mm; + border-width: 0.3mm 0; + font: bold 10px/1 Alegreya SC; + text-align: center; + border-color: grey; + } + + tbody td { + height: 4.5mm; + border-width: 0.15mm 0; + font: 500 11px/1 Alegreya Sans; + padding: 0 1mm; + + &:not(.name) { + text-align: center; + } + } +} \ No newline at end of file diff --git a/js/views/profile/ChantSheet.js b/js/views/profile/ChantSheet.js index 5f3484d9..a6849713 100644 --- a/js/views/profile/ChantSheet.js +++ b/js/views/profile/ChantSheet.js @@ -12,7 +12,7 @@ export default class ChantSheet extends Component { return (
- +
diff --git a/js/views/profile/CombatSheet.js b/js/views/profile/CombatSheet.js index 3c86abf4..efe39c96 100644 --- a/js/views/profile/CombatSheet.js +++ b/js/views/profile/CombatSheet.js @@ -1,41 +1,15 @@ -import AttributeStore from '../../stores/AttributeStore'; -import APStore from '../../stores/APStore'; -import CultureStore from '../../stores/CultureStore'; -import DisAdvStore from '../../stores/DisAdvStore'; -import ELStore from '../../stores/ELStore'; -import ProfessionStore from '../../stores/ProfessionStore'; -import ProfessionVariantStore from '../../stores/ProfessionVariantStore'; -import RaceStore from '../../stores/RaceStore'; import React, { Component } from 'react'; import SheetHeader from './SheetHeader'; +import * as secondaryAttributes from '../../utils/secondaryAttributes'; import TextBox from '../../components/TextBox'; export default class CombatSheet extends Component { + render() { - const source = { - attributes: AttributeStore.getAll(), - baseValues: AttributeStore.getBaseValues(), - race: RaceStore.getCurrentName(), - culture: CultureStore.getCurrentName(), - profession: ProfessionVariantStore.getCurrentName() !== null ? `${ProfessionStore.getCurrentName()} (${ProfessionVariantStore.getCurrentName()})` : ProfessionStore.getCurrentName(), - el: ELStore.getStart().name, - apTotal: APStore.getTotal(), - apUsed: APStore.getSpent(), - advActive: DisAdvStore.getActiveForView(true), - disadvActive: DisAdvStore.getActiveForView(false) - }; + const addHeader = secondaryAttributes.getAll(); - const { attributes, baseValues, race, culture, profession, el, apTotal, apUsed, advActive, disadvActive } = source; - - const addHeader = attributes.length > 0 ? [ - { short: 'LE', value: baseValues.le + attributes[6].value * 2 }, - { short: 'AW', value: Math.round(attributes[5].value / 2) }, - { short: 'INI', value: Math.round((attributes[0].value + attributes[5].value) / 2) }, - { short: 'SK', value: baseValues.sk + Math.round((attributes[0].value + attributes[1].value + attributes[2].value) / 6) }, - { short: 'ZK', value: baseValues.zk + Math.round((attributes[6].value * 2 + attributes[7].value) / 6) }, - { short: 'WS', value: Math.round(attributes[6].value / 2) } - ] : []; + addHeader.splice(1, 2); return (
diff --git a/js/views/profile/MainSheet.scss b/js/views/profile/MainSheet.scss index 641b9775..364f04df 100644 --- a/js/views/profile/MainSheet.scss +++ b/js/views/profile/MainSheet.scss @@ -69,7 +69,7 @@ } .box { - font: bold 24px/40px Alegreya Sans; + font: bold 24px/9.6mm Alegreya Sans; text-align: center; width: 2cm; } diff --git a/js/views/profile/SheetHeader.js b/js/views/profile/SheetHeader.js index 2976de10..0f21b680 100644 --- a/js/views/profile/SheetHeader.js +++ b/js/views/profile/SheetHeader.js @@ -24,6 +24,7 @@ export default class SheetHeader extends Component {

Heldendokument

{title}

+
{ diff --git a/js/views/profile/SheetHeader.scss b/js/views/profile/SheetHeader.scss index f2e866a3..798f0b56 100644 --- a/js/views/profile/SheetHeader.scss +++ b/js/views/profile/SheetHeader.scss @@ -11,6 +11,7 @@ display: flex; flex-direction: column; justify-content: center; + position: relative; h1, p { text-align: center; @@ -20,10 +21,19 @@ font: 17px/13px Alegreya SC; margin-top: 5px; } + + img { + position: absolute; + width: 4cm; + opacity: .2; + left: calc(50% - 2cm); + top: -2.2cm + } } .sheet-attributes { flex: none; display: flex; flex-wrap: wrap-reverse; + width: 126.1mm; } diff --git a/js/views/profile/Sheets.js b/js/views/profile/Sheets.js index 2567d9ea..467da12b 100644 --- a/js/views/profile/Sheets.js +++ b/js/views/profile/Sheets.js @@ -5,7 +5,7 @@ import MainSheet from './MainSheet'; import React, { Component } from 'react'; import Scroll from '../../components/Scroll'; import SpellsSheet from './SpellsSheet'; -import TalentsSheet from './TalentsSheet'; +import SkillsSheet from './SkillsSheet'; export default class Sheets extends Component { @@ -16,7 +16,7 @@ export default class Sheets extends Component {
- + diff --git a/js/views/profile/Sheets.scss b/js/views/profile/Sheets.scss index 68a52e89..ed893059 100644 --- a/js/views/profile/Sheets.scss +++ b/js/views/profile/Sheets.scss @@ -53,11 +53,13 @@ h3 { font: bold 16px Alegreya; letter-spacing: 0; + width: 100%; } } @import "SheetHeader"; @import "SheetHeaderAttribute"; +@import "AttributeCheckMods"; // #sheets { // flex-flow: column nowrap; diff --git a/js/views/profile/SkillsSheet.js b/js/views/profile/SkillsSheet.js new file mode 100644 index 00000000..12672f8a --- /dev/null +++ b/js/views/profile/SkillsSheet.js @@ -0,0 +1,197 @@ +import AttributeCheckMods from './AttributeCheckMods'; +import Categories from '../../constants/Categories'; +import { get, getAllByCategory } from '../../stores/ListStore'; +import React, { Component } from 'react'; +import SheetHeader from './SheetHeader'; +import TextBox from '../../components/TextBox'; + +const getRoutineValue = (sr, attributes) => { + if (sr > 0 ) { + const lessAttrPoints = attributes.map(e => e < 13 ? 13 - e : 0).reduce((a,b) => a + b, 0); + const flatRoutineLevel = Math.floor((sr - 1) / 3); + const checkMod = flatRoutineLevel * -1 + 3; + const dependentCheckMod = checkMod + lessAttrPoints; + return dependentCheckMod < 4 ? [ dependentCheckMod, lessAttrPoints > 0 ] : false; + } + return false; +}; + +const iterateList = arr => arr.map(obj => { + const { id, name, check, enc, ic, value } = obj; + const checkValues = check.map(e => get(e).value); + const checkString = check.map(e => get(e).short).join('/'); + const encString = enc === 'true' ? 'Ja' : enc === 'false' ? 'Nein' : 'Evtl'; + const ics = ['A','B','C','D']; + const routine = getRoutineValue(value, checkValues); + const routineSign = routine[0] > 0 ? '+' : ''; + return ( + {name} + {checkString} + {encString} + {ics[ic - 1]} + {value} + {routineSign}{Array.isArray(routine) ? routine[0] : '-'}{routine[1] ? '!' : ''} + + ); +}); + +export default class SkillsSheet extends Component { + + render() { + + const talents = getAllByCategory(Categories.TALENTS); + + const talentGroups = [[],[],[],[],[]]; + + talents.forEach(obj => talentGroups[obj.gr - 1].push(obj)); + + const groupChecksIds = [['COU','AGI','STR'],['INT','CHA','CHA'],['COU','AGI','CON'],['SGC','SGC','INT'],['DEX','DEX','CON']]; + + const groupChecks = groupChecksIds.map(arr => arr.map(e => get(e).short).join('/')); + + return ( +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + {iterateList(talentGroups[0])} + + + + + + + + + + + {iterateList(talentGroups[1])} + + + + + + + + + + + {iterateList(talentGroups[2])} + +
TalentProbeBESf.FwRAnmerkung
Körpertalente{groupChecks[0]}S. 188-194
Gesellschaftstalente{groupChecks[1]}S. 194-198
Naturtalente{groupChecks[2]}S. 198-201
+ + + + + + + + + + + + + + + + + + + + + + + {iterateList(talentGroups[3])} + + + + + + + + + + + {iterateList(talentGroups[4])} + +
TalentProbeBESf.FwRAnmerkung
Wissenstalente{groupChecks[3]}S. 201-206
Handwerkstalente{groupChecks[4]}S. 206-213
+
+ +
+
+ + + + {get('SA_30').active.map(e => [ get('SA_30').sel[e[0] - 1][0], e[1], get('SA_30').sel[e[0] - 1][1]]).sort((a,b) => a[1] < b[1] ? 1 : a[1] > b[1] ? -1 : a[0] < b[0] ? -1 : a[0] > b[0] ? 1 : 0).map(e => + + + )} + +
{e[0]}{e[1] === 4 ? 'MS' : e[1]}
+ + +
+ {get('SA_28').active.map(e => get('SA_28').sel[e - 1][0]).sort().join(', ')} +
+ +
+ + +

Alle Proben-Eigenschaften auf 13+

+

Optional:

+

Je fehlendem Eigenschaftspunkt

+

Fw um drei höher als angegeben

+ + + + + + + + + + +
Proben-
Mod.
Nötiger
Fw
Proben-
Mod.
Nötiger
Fw
ab +31-113
+24-216
+17-319
+/-010
+ + + + + + + + + + + + + + +
Fertigkeits-
punkte
Qualitäts-
stufe
0-31
4-62
7-93
10-124
13-155
16+6
+ +
+
+ ); + } +} diff --git a/js/views/profile/SkillsSheet.scss b/js/views/profile/SkillsSheet.scss new file mode 100644 index 00000000..b61eb43f --- /dev/null +++ b/js/views/profile/SkillsSheet.scss @@ -0,0 +1,219 @@ +#skills-sheet { + > .textbox { + flex-wrap: wrap; + + h3 { + margin-bottom: 4mm; + } + } + + .upper { + display: flex; + width: 100%; + + table { + width: 50%; + } + + table:first-child tbody tr { + border-right: 0.3mm solid grey; + } + + thead td { + height: 5mm; + border-width: 0.3mm 0; + font: bold 10px/1 Alegreya SC; + text-align: center; + border-color: grey; + } + + tbody td { + height: 4.5mm; + border-width: 0.15mm 0; + + &.check, &.enc, &.ic, &.sr, &.routine { + text-align: center; + } + + &.name, &.sr { + font: 500 11px/1 Alegreya Sans; + } + + &.comment, &.routine { + font: 400 11px/1 Alegreya Sans; + } + + &.check, &.enc, &.ic { + font: 8px/1 Alegreya SC; + } + } + + tbody tr.group td { + font-weight: bold; + } + + td { + border-style: solid; + border-color: #c8c8c8; + + &.ic { + width: 4.5mm; + } + + &.routine { + width: 3mm; + } + + &.name, &.check, &.enc, &.sr, &.comment { + padding: 0 1mm; + } + + &.comment { + width: 28mm; + } + + &:nth-child(2n) { + background: rgba(0, 0, 0, 0.1); + } + } + } + + .lower { + flex: 1 1 auto; + display: flex; + position: relative; + + > div { + flex: none; + } + } + + .abilites { + display: flex; + flex-direction: column; + + .textbox { + flex: 1 1 auto; + height: 50%; + } + + h3 { + margin-top: 4.5mm; + } + } + + .languages-list, .scripts-list { + font: 400 11px/4.5mm Alegreya Sans; + width: 68.2mm; + } + + .languages-list { + td:last-child { + width: 10.4mm; + border-left: 0.15mm solid #c8c8c8; + text-align: center; + } + + tr:not(:last-child) td { + height: 4.5mm; + border-bottom: 0.15mm solid #c8c8c8; + } + } + + .quality-levels, .routine-checks { + table { + width: auto; + } + + thead div { + word-wrap: break-word; + } + + td { + text-align: center; + border-style: solid; + border-color: #c8c8c8; + } + + td:nth-child(2n) { + background: rgba(0, 0, 0, 0.1); + } + + thead td { + border-width: 0.3mm 0; + font: bold 10px/1 Alegreya SC; + border-color: grey; + } + + tbody td { + height: 4.5mm; + border-width: 0.15mm 0; + font: 500 11px/1 Alegreya Sans; + padding: 0 1mm; + } + } + + .routine-checks { + position: absolute; + width: 50%; + right: 0; + top: -9mm; + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: flex-end; + height: 24mm; + + h3, p { + text-align: right; + width: 44mm; + } + + p { + font: bold 10px/1 Alegreya SC; + margin-top: 1mm; + white-space: pre-wrap; + letter-spacing: 0; + } + + thead td { + height: 8mm; + } + + td { + width: 11mm; + + &:nth-child(2) { + border-right: 0.3mm solid grey; + } + + &:nth-child(3) { + border-left: 0.3mm solid grey; + } + } + + table { + flex: none; + } + } + + .attribute-check-mods { + align-self: flex-end; + } + + .quality-levels { + align-self: flex-end; + + h3 { + margin-bottom: 4mm; + } + + thead td { + height: 10mm; + } + + td { + width: 18mm; + } + } +} diff --git a/js/views/profile/SpellsSheet.js b/js/views/profile/SpellsSheet.js index c7ed22c0..5e7c17fb 100644 --- a/js/views/profile/SpellsSheet.js +++ b/js/views/profile/SpellsSheet.js @@ -12,7 +12,7 @@ export default class SpellsSheet extends Component { return (
- +
diff --git a/js/views/profile/TalentsSheet.js b/js/views/profile/TalentsSheet.js deleted file mode 100644 index 90344d65..00000000 --- a/js/views/profile/TalentsSheet.js +++ /dev/null @@ -1,41 +0,0 @@ -import AttributeStore from '../../stores/AttributeStore'; -import APStore from '../../stores/APStore'; -import CultureStore from '../../stores/CultureStore'; -import DisAdvStore from '../../stores/DisAdvStore'; -import ELStore from '../../stores/ELStore'; -import ProfessionStore from '../../stores/ProfessionStore'; -import ProfessionVariantStore from '../../stores/ProfessionVariantStore'; -import RaceStore from '../../stores/RaceStore'; -import React, { Component } from 'react'; -import SheetHeader from './SheetHeader'; -import TextBox from '../../components/TextBox'; - -export default class TalentsSheet extends Component { - render() { - - const source = { - attributes: AttributeStore.getAll(), - baseValues: AttributeStore.getBaseValues(), - race: RaceStore.getCurrentName(), - culture: CultureStore.getCurrentName(), - profession: ProfessionVariantStore.getCurrentName() !== null ? `${ProfessionStore.getCurrentName()} (${ProfessionVariantStore.getCurrentName()})` : ProfessionStore.getCurrentName(), - el: ELStore.getStart().name, - apTotal: APStore.getTotal(), - apUsed: APStore.getSpent(), - advActive: DisAdvStore.getActiveForView(true), - disadvActive: DisAdvStore.getActiveForView(false) - }; - - const { attributes, baseValues, race, culture, profession, el, apTotal, apUsed, advActive, disadvActive } = source; - - return ( -
- -
- - -
-
- ); - } -} diff --git a/js/views/profile/TalentsSheet.scss b/js/views/profile/TalentsSheet.scss deleted file mode 100644 index 0fc833e8..00000000 --- a/js/views/profile/TalentsSheet.scss +++ /dev/null @@ -1,111 +0,0 @@ -#sheets .sheet-wrapper .sheet.talents { - position: relative; - - .inline-table { - - thead > tr > td:first-child > span { - padding-left: 5px; - } - - tbody { - font-size: 9px; - } - - h3 { - line-height: inherit; - display: inline-block; - } - - tr.specs { - font-style: italic; - - td { - padding-left: 30px !important; - } - } - - td { - height: 18px; - line-height: 18px; - - &.se { - width: 14px; - - div { - @include size(8px); - border: 1px solid black; - border-radius: 5px; - } - } - - &.name { - text-transform: none; - - span:last-child { - float: right; - padding-right: 15px; - } - } - - &.skt { - width: 18px; - } - - &.be { - width: 30px; - } - - &.at, &.pa { - width: 24px; - } - - &.taw { - width: 40px; - } - } - } - - .skill-categories { - margin-top: 0; - display: flex; - flex-direction: column; - flex-wrap: wrap; - justify-content: space-between; - height: calc(100% - 40px); - width: calc(100% + 20px); - - > * { - margin: 20px 0 0 !important; - width: 50%; - padding-right: 20px; - padding-bottom: 40px; - border-spacing: 0; - } - - > div { - margin-top: 20px; - - > h3 { - line-height: 18px; - } - } - } - - .left { - float: left; - padding-right: 10px; - - > table:nth-child(2) { - flex: 0.2; - } - } - - .right { - float: right; - padding-left: 10px; - - > table:last-child { - flex: none; - } - } -}