@font-face {
font-family: 'Arkania';
src: url('/assets/Arkania.eot');
src: url('/assets/Arkania.eot?#iefix') format('embedded-opentype'),
url('/assets/Arkania.woff2') format('woff2'),
url('/assets/Arkania.woff') format('woff'),
url('/assets/Arkania.ttf') format('truetype'),
url('/assets/Arkania.svg#Font-Raw') format('svg');
font-weight:500;
font-style:normal;
}

* {box-sizing:border-box; margin:0 auto; padding:0; outline:0; border:0 none; -webkit-overflow-scrolling:touch; font-weight:normal !important; font-style:normal; font-family:'Arkania', Courier, monospace; text-shadow:none; scroll-behavior:smooth;}
html {min-height:100vh; font-size:24px; background:#000 url(https://arkania.online/wp-content/themes/roa/img/dice.svg) no-repeat 50% 50%;}
body {min-height:100vh; text-align:center; position:relative; background-color:#000; color:#fff; line-height:1; scroll-behavior:smooth;}
main {min-height:calc(100vh - 450px);}
section, .add form input[type=text], .edit form input[type=text] {width:100%; position:relative; overflow:hidden;}
h1, h2, h3, .replaceTable *, .access-denied-wrapper {font-size:36px;}
h4, h5, h6 {font-size:inherit;}
img, video, audio, iframe, .myWinCont {max-width:100%;}
a, i, .link {text-decoration:none; color:#fc0; transition:none;}
a:hover, .link:hover {text-decoration:none; cursor:pointer; color:#d00;}
input, textarea, select, button {vertical-align:middle; font-family:inherit; font-size:1rem; padding:6px 6px 3px; max-width:100%;}
input[type=checkbox], input[type=radio] {border:0px; background-color:transparent;}
input[type=button], input[type=submit], input[type=reset], button, .button, .btn, .sbm, #add-video-btn {display:inline-block; color:#000; cursor:pointer; padding:9px 15px 6px; background-color:#fc0; text-transform:uppercase; transition:none;}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover, .btn:hover, .sbm:hover, #add-video-btn:hover {background-color:#f00; color:#fc0;}
input[type=text]:focus, input[type=number]:focus, select:focus, textarea:focus {background:#ffa;}
*::-webkit-input-placeholder {color:#941d5a;}
*::-moz-placeholder {color:#941d5a;}
*:-ms-input-placeholder {color:#941d5a;}
*::-moz-placeholder {color:#941d5a;}
*:-moz-placeholder {color:#941d5a;}
::-webkit-scrollbar {width:6px; height:6px;}
::-webkit-scrollbar-track {background:transparent;}
::-webkit-scrollbar-thumb {background:#fa0;}
::-webkit-scrollbar-thumb:hover {background:#ff0;}
ol, dl, ul {list-style-type:none; list-style-position:inside;}
hr {width:100%; height:3px; background-color:#fc0; margin:30px 0;}
.nobr, .nowrap {white-space:nowrap;}
.full, .w100, .commFl, .u-suggedit, .board #allEntries > div, .allEntriesTable, .xw-hdr-text {width:100%;}
.max {max-width:100%;}
.clr {clear:both;}
.fl, .alignleft {float:left;}
.fr, .alignright {float:right;}
.l, .l td, td.l {text-align:left;}
.r, .r td, td.r {text-align:right;}
.c, .c td, td.c {text-align:center;}
.j, .j td, td.j {text-align: justify;}
.vtop {vertical-align:top;}
.vmid, .mid {vertical-align:middle;}
.vbtm {vertical-align:bottom;}
.ptr, label {cursor:pointer;}
.help {cursor:help; border-bottom: .1em dotted;}
.no-margin, .m0, #allEntries > div, .captcha-block *, .tagItem {margin:0 !important;}
.no-padding, .p0 {padding:0;}
.m1, .hr {margin:15px auto;}
.pad {padding:15px;}
.vpad {padding:15px 0;}
.hpad {padding:0 15px;}
.hidden, #uidLogButton, .ucoz-editor-panel, .edtTypeMenu, .ucoz-editor-bottom, .blog.entry h1.pad, .navigationTbl, #forum_filter, .threadsDetails, .forumOnlineBar, .FrmBotTbl, .frMain .gTableSubTop, .pollreSultsBut, .pshsndr, .userdetails header .bc, .userslist header .bc, #_usuggest0, .added > .iCode_block:not(:first-child), .added > .iCode_block:not(:first-child) + div, form#addEntForm .iCode_main_inp, .xw-hdr-text, .diary blockquote textarea, #txtPart555brief > div, #txtPart555message > div, .diary .catPages1 {display:none !important;}
.w1 {width:1%;}
.f0, .allEntriesTable, .phtThumbs, #allEntries, .filterBlock {font-size:0;}
.f1 {font-size:1rem;}
.f2 {font-size:36px;}
.flex, #allEntries {display:flex; justify-content:start; align-items:flex-start;}
.flex.wrap, #allEntries {flex-wrap:wrap;}
.flex.justify {justify-content:space-between;}
.block {display:block;}
.iblock {display:inline-block;}
.cell {display:table-cell;}
.no-select {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.bg-img {display:block; background-repeat:no-repeat; background-position:50% 50%; position:relative; overflow:hidden; background-size:cover;}
.bg-img.contain {background-size:contain;}
.bg-img > img {opacity:0; border:3px solid #000;}
.bg-img a figcaption {position:absolute; bottom:-150px; left:0; width:100%; padding:6px; background-color:rgba(0,0,0,0.6); transition:all 0.6s;}
.bg-img a:hover figcaption {bottom:0;}
.cover {background-size:cover;}
.brd, input[type="submit"], .manFlSbm {border:6px double #000;}
.wrapper {width:100%; max-width:960px; position:relative;}
.smaller, .filterBlock label {font-size:0.7rem;}
.small, small {font-size:0.5rem;}
.red, .catNameActive, strong {color:#f00;}
.black {color:#000;}
.orange, b, .swchItemA, .swchItemA * {color:orangered;}
.myWinCont {overflow:hidden !important; padding-bottom:15px; font-family:'Arkania', monospace !important;}
.captcha-block, .myWinCont .captcha-block {justify-content:start !important;}
.box, .catsTable, div.catsTd {max-width:960px; width:100%;}
.catsTable, .hr {display:table; border-top:3px solid #fc0; border-bottom:3px solid #fc0;}
.u-combo td, .iCode_block + div, .rel {position:relative;}
.u-combo td div {top:0 !important; left:0 !important;}
.u-combolist > div, .u-combolist label {width:100%; text-indent:3px;}
.ol-li:before {content:attr(data-num); font-size:inherit; display:inline-block; text-align:right; color:#f00; width:1em; padding-right:6px;}
.p10, #iCode_1, #iCode_2, #iCode_3, #iCode_4, #iCode_5, #iCode_6 {padding:10px; text-align:left;}
.phtThumbs .animate-wrap {display:flex; justify-content:space-between; padding:30px 0;}
.phtThumbs .animate-wrap img {height:60px;}
.photoActiveA {border:3px solid #fc0; margin:0 15px;}
.otherPhotoA {display:inline-block; position:relative; border:3px solid #000;}
.otherPhotoA:hover {border-color:#fc0;}
.otherPhotoA:first-child:before {content:'\2039'; display:inline-block; font-size:2rem; position:absolute; top:0; right:100%; line-height:1;}
.otherPhotoA:last-child:after {content:'\203a'; display:inline-block; font-size:2rem; position:absolute; top:0; left:100%; line-height:1;}
.ucf-avatar img, .a.login-with i {border-radius:0 !important; background:none;}
.full.c.fld {max-width:720px; border:3px solid #000;}
.search .bg-img, .queryField {border:3px solid #000; margin:3px;}
.search .bg-img:hover {border-color:#fc0;}
.search nav.c {padding:30px 0 15px;}
.load .catsTable, .board .catsTable {max-width:960px;}
.catsTd, .nav th {white-space:nowrap; padding:6px 0 3px;}
.gold, h6 {color:#fc0;}
.j.pad h6 {padding:30px 0 0;}
.manTable, .avatars-menu, .forumNamesBar, .xw-hdr-text, .u-combolist {text-align:left;}
.manTdSep, #mdM30, #fqF6 {display:none !important;}
.lbl {display:inline-block; padding:15px 0 0;}
.txt h2, .txt h3, .txt h4, .txt h5 .txt h6 {padding:30px 0 15px;}
.txt h2, .txt h3 {text-align:center; color:#f00;}
.txt dt {color:#fc0; padding:15px 0 0; text-align:left;}
.txt dd {padding:0 0 15px; text-align:left;}
.txt table, .data {margin:30px auto; background:#fff; border-spacing:1px; border-collapse:separate;}
.txt th, .data th {background:#333; padding:3px; text-align:center; text-transform:uppercase;}
.txt td, .data td {background:#000; padding:3px;}
.txt ul {list-style-type:disc; list-style-position:inside;}
.txt ol {list-style-type:decimal-leading-zero; list-style-position:inside;}
.txt p, .txt ul, .txt ol {padding:0 0 15px;}
.blog #allEntries > div {width:100%;}
.blog #message {min-height:450px;}
.catPages1 {margin:30px auto; font-size:1rem;}
#iplus {float:right;}
#iplus .button, input[type=file] {padding:0 !important; min-width:48px;}
.roa-dev-nav {background-color:#fc0;}
.roa-dev-nav optgroup option::before, .xt-close2:before {content:none !important;}
.load .catsTable #cid2 .catName, .load .catsTable #cid6 .catName {min-width:180px;}
.load #allEntries figcaption {max-width:320px; min-height:60px;}
.faq #allEntries > div, .gb #allEntries > div {width:100%;}
.xw-plain {background-color:#333; padding:15px; border:6px double #666;}
.xw-plain fieldset, .xw-hdr-text {padding:15px;}
.xt-close2:before {content:'+'; display:inline-block; position:absolute; top:0; right:0; font-size:36px; transform:rotate(45deg); padding:5px 15px; cursor:pointer;}
.x-unselectable.u-combo {float:none !important; width:100%;}
.xt-close:before, .xt-close2:before {content:'+' !important; display:inline-block; font-size:3rem; font-weight:300; color:#f00;}
.xw-body textarea {height:auto; max-height:initial;}
.low {text-transform:lowercase;}
.cap, .dir .eTag {text-transform:uppercase;}
.eTitle, .p-top {padding-top:15px;}
.eTitle:before {content:'• ';}
form .filterBlock>label {max-width:30%; padding:6px;}
.dir form .filterBlock>label {max-width:25%;}
.board form .filterBlock>label {max-width:69px;}
ul.form-fields>li:nth-of-type(1n):not(.notcolumn) {max-width:150px;}
ul.form-fields>li:nth-of-type(2n):not(.notcolumn) {width:100%!important; max-width:calc(100% - 150px);}
.pop {display:table; line-height:1; position:relative;}
.pop h1, .pop h2, .pop h3 {font-size:inherit;}
.pop .msg {background-image:url('https://arkania.online/wp-content/themes/roa/img/bg_pop.png'); position:relative; padding:9px 30px; z-index:300; font-size:36px; display:table;}
.pop .msg:before, .pop .msg:after {content:' '; display:inline-block; position:absolute; top:-3px; left:0; bottom:0; width:21px; height:calc(100% + 6px); background:url('https://arkania.online/wp-content/themes/roa/img/bg_pop_y.png') repeat-y;}
.pop .msg:after {left:auto; right:0;}
.pop .msg.wide {max-width:750px;}
.pop .msg .pic {border:3px solid #ffcba2;}
.pop .msg ul {list-style-type:none;}
.pop .msg li {padding:0 0 6px; cursor:pointer; color:#ffcba2;}
.pop .msg li:hover {color:#ff0;}
.pop .msg li:before, .lst-bul li:before {content:' '; display:inline-block; width:18px; height:15px; background-image:url('https://arkania.online/wp-content/themes/roa/img/bg_li.png'); background-repeat:no-repeat; background-position:0 0; margin:0 9px 0 0;}
.pop .msg li:hover:before, .lst-bul li.active:before {background-position:0 100%;}
.pop .scroll {max-height:450px; overflow:auto;}
.pop .top {top:1px;}
.pop .btm {top:-1px;}
.pop .top, .pop .btm {position:relative; height:21px; background:url('https://arkania.online/wp-content/themes/roa/img/bg_pop_x.png') repeat-x;}
.pop .top:before {content:' '; display:inline-block; width:33px; height:30px; position:absolute; top:-9px; left:-9px; background:url('https://arkania.online/wp-content/themes/roa/img/bg_pop_nw.png') no-repeat;}
.pop .top:after {content:' '; display:inline-block; width:33px; height:30px; position:absolute; top:-9px; right:-9px; background:url('https://arkania.online/wp-content/themes/roa/img/bg_pop_ne.png') no-repeat;}
.pop .btm:before {content:' '; display:inline-block; width:33px; height:30px; position:absolute; bottom:-9px; left:-9px; background:url('https://arkania.online/wp-content/themes/roa/img/bg_pop_sw.png') no-repeat;}
.pop .btm:after {content:' '; display:inline-block; width:33px; height:30px; position:absolute; bottom:-9px; right:-9px; background:url('https://arkania.online/wp-content/themes/roa/img/bg_pop_se.png') no-repeat;}
.pop > p .fl {left:-9px;}
.pop > p .fr {right:-9px;}
.pop .txt .p10 .fld {margin-top:9px;}
.pop .txt p + p {margin-top:15px;}
.txt img.fl {margin:0 15px 3px 0;}
.txt img.fr {margin:0 0 3px 15px;}
.bg-opt {position:relative; width:240px; height:240px; padding-top:84px; padding-left:84px; background:url(/bg_options.png) no-repeat 0 0; text-align:left;}
.bg-item {position:relative; width:115px; height:115px; padding-top:56px; padding-left:53px;}
.bg-item:after {content:' '; display:block; position:absolute; top:0; left:0; width:100%; height:115px; background:url(/bg_items.png) no-repeat 0 0;}
.bg-frame {position:relative; width:320px; height:200px; background:url(/bg_frame.png?v=0) no-repeat 0 0; background-size:contain; text-align:left;}
.eye-pic {position:absolute; top:39px; left:50%; margin-left:-51px; display:inline-block; width:102px; height:78px; background-size:cover; border-radius:30px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.eye-pic img, .transparent {opacity:0;}
.forum-list {list-style-type:none;}
.pollQuestion {color:orangered; padding:15px 0;}
.bc, .poll {padding:15px 0; border-bottom:3px solid #fc0;}
.bc h1 {display:inline; font-size:inherit;}
.bc + nav .catsTable {border-top:0 none;}
.poll td, .p6-0 {padding:6px 0;}
.pollButtons {text-align:center !important;}
.topics li {clear:both; border-bottom:3px solid #fc0;}
.avatars-wrapper figure {cursor:pointer; min-width:120px;}
.phtTdMain {min-width:96px;}
.forum-list .post {margin:15px 0 0;}
.news .catPages1, .blog .catPages1 {padding-top:21px; border-top:3px solid #fa0; position:relative; top:18px;}
.lh {line-height:0.96rem;}
.hamburger {display:inline-block; width:30px; border-top:3px solid #fff; border-bottom:3px solid #fff; padding:9px 0;}
.hamburger:before {content:' '; display:inline-block; background-color:#fff; height:3px; width:100%;}
form div.localOrRemote, .myWinCont *, .xw-hdr .xw-hdr-text {font-size:1rem !important; font-family:'Arkania' !important;}
input[name="chpu"] {width:100% !important;}
.game-screen {overflow:hidden; padding:0 !important;}
.game-screen header, .game-screen footer, .game-screen .nav {display:none !important;}
.game-screen main.vpad {padding:0;}
.myWinCont a.noun:link, .myWinCont a.noun:visited, .myWinCont a:link, .myWinCont a:visited, .myWinSuccess {color:#fc0 !important;}
.myWinCont *, #photoMetaFields div {visibility:visible !important; position:relative;}
.tags noindex {display:inline-flex; flex-wrap:wrap; gap:12px; justify-content:space-between;}
.table, .board #allEntries {display:table; width:100%;}
.row, .board #allEntries > div {display:table-row;}
.board #allEntries > div > * {display:table-cell; padding:3px; border-top:3px solid #333; text-align:left;}
form#addEntForm .iCode_in input {font-family:inherit !important;}
li.entTd.uEntryWrap {max-width:300px;}
.portrait.bg-img {display:inline-block; padding:3px; background-color:#333;}
.portrait.brd-4 {background-color:#0f0;}
.portrait.brd-3 {background-color:#ff0;}
.portrait.brd-2 {background-color:#f00;}
.portrait.brd-1 {background-color:#00f;}
textarea {width:100%; height:90px; transition:all 0.6s;}
textarea:focus {height:300px;}
.u-neighbor-link {font-size:0; white-space:nowrap;}
.u-neighbor-prev:before {content:'\2039\00a0 BACK'; font-size:1rem;}
.u-neighbor-next:after {content:'NEXT\00a0\203A'; font-size:1rem;}
.video .bg-img h5 {position:absolute; top:0; left:0 width:100%; background:rgba(0,0,0,0.75); line-height:12px; width:100%; padding:3px;}
.added.openednow > div > .iCode_block .iCode_el:before {content:'Class:';}
.added.openednow > div > .iCode_block + .iCode_block .iCode_el:before {content:'Title:';}
.dir .btns .btn, .filters input, .filters select {min-width:222px;}
.symbols-stat-wrapper {font-size:16.5px; padding:6px 0 12px;}
.symbols-stat {color:#ff0;}
span[onclick*="g_open_iCode"] {position:absolute; top:0; right:0; z-index:99;}
form#addEntForm article[id*=iCode] {border-radius:0 !important; min-height:45px;}
#subbutfrm851 {position:absolute; bottom:-15px; right:0; border:6px double #000; min-width:90px;}
.manFlSbm {min-width:150px; font-size:1.5rem;}
.manFlSbm[disabled] {opacity:0.3; filter:grayscale(1);}
.diary #allEntries {max-height:360px; overflow-x:hidden; overflow-y:auto;}
.diary {background:url('/assets/bg_diary.gif') no-repeat 0 0; font-size:0; color:#000; width:100%; min-width:960px; height:600px; text-align:left;}
.diary .option {display:inline-block; width:72px; height:72px; position:absolute; right:21px;}
.diary .option.disabled {pointer-events:none; background-color:rgba(0,0,0,0.6);}
.diary article {max-width:840px; padding:45px 144px 0 96px;}
.diary blockquote {width:100%; height:438px; overflow:auto;}
.diary blockquote p + p {padding:24px 0 0;}
.diary blockquote::-webkit-scrollbar-thumb, .diary #allEntries::-webkit-scrollbar-thumb {background:#a21404;}
.diary h1, .diary h2, .diary h3, .diary h4, .diary h5, .diary h6 {padding:0 0 6px; color:#f00; background:url('https://arkania.online/wp-content/themes/roa/img/hr_diary.gif') repeat-x 0 100%; margin:0 0 15px;}
.diary form input, .diary form button {height:48px;}
.diary hr {margin:15px 0; clear:both; height:6px; background:url('https://arkania.online/wp-content/themes/roa/img/hr_diary.gif');}
.news .archiveEntries {padding:30px 0 0;}
.bc + .catsTable, .blog .catsTable {border-top:0 none !important;}
.video li.entTd.uEntryWrap {max-width:100%; width:100%; padding:6px 0;}
.video #uEntriesList .entryBlock {display:block; width:100%; text-align:left;}

@media (min-width:960px){
.half {width:100%; max-width:49.5%;}
.third {width:100%; max-width:33%;}
.quarter {width:100%; max-width:24%;}
.landscape, .cutscene {display:block; position:relative; width:960px; height:600px; margin:0 auto 15px; overflow:hidden;}
.landscape img {min-height:411px; max-width:none;}
.landscape.no-bg {height:auto; overflow:visible;}
.landscape:not(.no-bg) {text-align:left;}
.landscape:not(.no-bg) figcaption {position:absolute; font-size:36px; bottom:140px; left:18px; z-index:15;}
.landscape:not(.no-bg):after {content:' '; display:block; width:100%; height:600px; position:absolute; top:0; left:0; background:url('/bg_landscape.png') no-repeat 0 0;}
.landscape:not(.no-bg) figcaption.vpad {padding:0;}
.landscape.no-frame:after {background:url('/bg_landscape.png') no-repeat 0 0;}
.landscape.thorwal:after {background:url('/bg_landscape_thorwal.png') no-repeat 0 0;}
.landscape.svellt:after {background:url('/bg_landscape_svellt.png') no-repeat 0 0;}
.landscape.riva:after {background:url('/bg_landscape_riva.png') no-repeat 0 0;}
.landscape.dungeon:after {background:url('/bg_landscape_dungeon.png') no-repeat 0 0;}
.landscape.custom:after {background:url('/bg_landscape_custom.png') no-repeat 0 0;}
.landscape.slide-x img {top:0; left:0; animation:12s linear 0s slide-x infinite;}
.landscape.slide-y img {top:0; left:0; animation:12s linear 0s slide-y infinite;}
.cutscene_:after {content:' '; display:block; width:100%; height:600px; position:absolute; top:0; left:0; background:url('/bg_page.png') no-repeat 0 0;}
.frame {background:transparent url(https://arkania.online/wp-content/themes/roa/img/bg_page.png) no-repeat 50% 0; overflow:hidden; padding:123px 210px 75px; position:relative; min-height:630px;}
.scroll {max-height:360px; overflow:auto;}
.frMain table {background-color:transparent !important;}
.forum-list p, .forum-list h5 {max-width:420px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.forum-list .hpad {min-width:calc(100% - 75px);}
.search img.fr {max-width:240px;}
.hamburger {position:absolute; top:30px; right:30px;}
.bg-frame {width:960px; height:600px;}
.bg-frame img {width:720px; height:411px; image-rendering:pixelated;}
.load #allEntries > div {min-width:192px; min-height:192px;}
.combat {width:354px; height:500px; padding:123px 1px 0 0; background:url(/_ph/20/2/519812911.png?1705994759) no-repeat 50% 0;}
}

@keyframes slide-x {
0% {left:0;}
50% {left:100%; transform:translateX(-100%);}
100% {left:0;}
}
@keyframes slide-y {
0% {top:0;}
50% {top:100%; transform:translateY(-100%);}
100% {top:0;}
}

@media (max-width:960px){
dsk-only, #uAdminBar {display:none !important;}
html {font-size:12px;}
h1, h2, h3, .replaceTable *, .access-denied-wrapper {font-size:2rem;}
.lh {line-height:1.95rem;}
.hamburger {position:relative; top:15px;}
.news main, .blMain main, .video main {padding:15px;}
.catDescr {white-space:normal; max-width:100%;}
.catsTd {font-size:2rem;}
.video .catsTdI p, .video .catsTdI a, .catNumData {display:block; font-size:2rem;}
}